Casablanca Color

#f0b253

Casablanca is soft, warm-toned shade of orange. It is better contrasting with white. This color combines beautifully with blue cyan, mid magenta or green cyan

Inverse Color #0f4dac
Complementary Color #5291f0
Color Shade: orange (36.31° hue)
Color Temperature: warm
Lightness: 63.33% (better contrasting with white)
Casablanca Color Sample
Casablanca Color Sample

Better Alternatives To #f0b253

If you're looking for a similar orange shade, there are some better alternatives to Casablanca Color. The Rusty Sand color for instance is a lighter and a bit more faded option, however this color has a warm red bias. Consider a darker and more saturated alternative called Pesto Calabrese (#f49325) for more energetic effect. Try Butternut Pizazz as it also a bit more faded and calm.

Complementary Palette

#5291f0 is the best complementary color to Casablanca. Blue cyan shades generally complement the orange hues best as they are found on the opposite end of the color wheel. The most popular #f0b253 complementary color is Cornflower Blue, as it offers maximum contrast and grab the viewer's attention.

Analogous Palette

The analogous palette of mid red, orange, and mid yellow colors offers a soft combination of similar warm shades. The analogous colors of Ronchi are #f06352 and #dff052. Thus found on the left and right of #f0b253 on the color wheel with a 30° gap. Consider matching Burnt Sienna and Starship colors as they work well with Casablanca.

Split-complementary Palette

The split-complementary Casablanca palette consists of #6352f0 and #52dff0 colors. They can be found 30° apart on either side of the complementary color (#5291f0). Try Royal Blue and Turquoise Blue colors in combination with #f0b253, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.

Triadic Palette

The triadic palette of #f0b253 offers a combination of violet and green cyan shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the Casablanca. Thus Heliotrope and Turquoise Blue giving maximum hue separation to use all three together.

Square Palette

The square color palette of Casablanca contains three additional colors. Thus, complementary Cornflower Blue, Screamin' Green, and Brilliant Rose split by 90° on the color wheel. #f0b253 square combo is a palette of orange, mid green, blue cyan and mid magenta shades that work together well.

Tetradic Palette

The tetradic palette is a bit more complex than the square and has more of a rectangle shape. Casablanca tetradic combo consists of blue cyan complementary color (#5291f0) and two others. The Turquoise Blue is positioned 120° clockwise from the primary color and French Rose – 120° from the complementary Cornflower Blue. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #52f0b2 and #f05290.

Conversion Table

In a RGB color space, hex #f0b253 is made of 48% red, 36% green and 17% blue. In a HSL mode Casablanca has a hue angle of 36.31°, a saturation of 83.96% and a lightness of 63.33%. In a CMYK space (used in printing only), hex #f0b253 is made of 0% cyan, 24.32% magenta, 61.57% yellow and 5.88% black ink.

HEX #f0b253
RGB Decimal rgb(240,178,83)
RGB Percentage 48%, 36%, 17%
CMYK 0, 24.32, 61.57, 5.88
HSL hsl(36.31,83.96%,63.33%)
HSV (or HSB) hsv(36.31,65.42%,94.12%)
CIE-LAB lab(76.6733,13.1659,56.0072)
XYZ xyz(53.4169,50.9906,15.2104)
;