HEX Color #F0CC66 (Khaki)

About #F0CC66

The precise color #F0CC66 is an excellent choice for modern design projects. Designers often compare it to the standard color Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 204, and 102.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 0% Cyan, 15% Magenta, 57% Yellow, and 6% Black. The HSL representation is 44.3° hue, 82.1% saturation, and 67.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#F0CC66

RGB240, 204, 102

HSL44.3°, 82.1%, 67.1%

CMYK0%, 15%, 57%, 6%

HSV44.3°, 57.5%, 94.1%

LAB83.3, 0.9, 54.7

XYZ59.9, 62.7, 21.5

Decimal15780966

Color Harmonies

Complementary

#F0CC66 #668AF0

Analogous

#F08766 #CFF066

Triadic

#66F0CC #CB66F0

Tetradic

#66F087 #668AF0 #F066CF

Tints, Shades & Tones

Tints (Adding White)

#F0CC66

#F1D177

#F3D788

#F5DD99

#F6E2AA

#F8E8BB

#FAEECC

#FBF3DD

#FDF9EE

#FFFFFF

Shades (Adding Black)

#F0CC66

#D5B55A

#BA9E4F

#A08844

#857138

#6A5A2D

#504422

#352D16

#1A160B

#000000

WCAG Contrast Accessibility

1.55:1

Text on #FFFFFF

FAIL

13.53:1

Text on #000000

AAA

1.48:1

Text on #F8FAFC

FAIL

11.51:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #F0CC66; }

.text-color { color: #F0CC66; }

.border-color { border: 2px solid #F0CC66; }

Similar Colors

Khaki

#F0E68C