HEX Color #F0FF8A (Khaki)

About #F0FF8A

Visually, #F0FF8A is defined as a vivid yellow. If you're using CSS, you might find it aligns closely with Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 255, and 138.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 6% cyan and 0% magenta inks. The HSL representation is 67.7° hue, 100.0% saturation, and 77.1% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F0FF8A

RGB240, 255, 138

HSL67.7°, 100.0%, 77.1%

CMYK6%, 0%, 46%, 0%

HSV67.7°, 45.9%, 100.0%

LAB96.8, -21.4, 53.9

XYZ76.3, 91.9, 37.8

Decimal15794058

Color Harmonies

Complementary

#F0FF8A #9889FF

Analogous

#FFD389 #B5FF89

Triadic

#89F0FF #FF89F0

Tetradic

#89FFD3 #9889FF #FF89B5

Tints, Shades & Tones

Tints (Adding White)

#F0FF8A

#F1FF97

#F3FFA4

#F5FFB1

#F6FFBE

#F8FFCB

#FAFFD8

#FBFFE5

#FDFFF2

#FFFFFF

Shades (Adding Black)

#F0FF8A

#D5E27A

#BAC66B

#A0AA5C

#858D4C

#6A713D

#50552E

#35381E

#1A1C0F

#000000

WCAG Contrast Accessibility

1.08:1

Text on #FFFFFF

FAIL

19.38:1

Text on #000000

AAA

1.04:1

Text on #F8FAFC

FAIL

16.47:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #F0FF8A; }

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

Similar Colors

Khaki

#F0E68C