Casablanca Color – #f0b253: Codes and Complete Breakdown

The Casablanca color hex code is #f0b253, and it is composed of 94% red, 70% green and 33% blue.

Casablanca is a light, bright, and warm color at 65% saturation. It has a contrast ratio of 1.88:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Casablanca color (#f0b253) against dark backgrounds.

Casablanca color

Casablanca Color Shades

Complementary colors

  1. #F0B153

  2. #5392F0

Triadic colors

  1. #F0B153

  2. #53F0B1

  3. #B153F0

Tints or lighter colors

  1. #F4C682

  2. #F8DCB1

  3. #FCF1E0

Darker colors

  1. #EC9C24

  2. #CB8112

  3. #9C630E

  4. #6D450A

  5. #3E2805

Analogous colors

  1. #F05392

  2. #F06353

  3. #F0B153

  4. #E0F053

  5. #92F053

Monochromatic colors

  1. #F59401

  2. #F9A931

  3. #F6BD66

  4. #F6D199

  5. #F9E6CA

#f0b253

Casablanca Color Codes and Information

Complete breakdown of the color Casablanca:

Data TypeValues/Details
Hex#f0b253
RGBrgb(240,178,83)
HSLhsl(36,84%,63.3%)
CMYK0, 26, 65, 6
HSV36, 65, 94
RGB %94, 70, 33
XYZ53.4, 51, 15.2
LAB76.7, 13.2, 56
Color CategoryLight
Color FamilyPeach/Orange
Saturation65%
TemperatureWarm
Contrast Ratio Against White (#ffffff)1.88 (fails WCAG AA)
Contrast Ratio Against Black (#000000)11.2 (passes WCAG AA)

Similar Colors to Casablanca Color

  1. #816c5e

    caribou color 816c5e

    Caribou

  2. #828b8e

    necron compound color 828b8e

    Necron Compound

  3. #2b2e26

    marshland color 2b2e26

    Marshland

  4. #f6ecde

    a la mode color f6ecde

    A La Mode

  5. #a28c82

    portobello color a28c82

    Portobello

  6. #8f9e9d

    abyss color 8f9e9d

    Abyss

  7. #cd853f

    peru color cd853f

    Peru

  8. #e1e1e2

    jupiter color e1e1e2

    Jupiter