#F0E68C
Khaki
Khaki is a light, dusty yellow-brown named after the Hindi-Urdu word for dust-colored. It is utilitarian, neutral, and timeless.
Khaki Color Values
HEX#F0E68C
RGB240, 230, 140
HSL54°, 77%, 75%
HSV54°, 42%, 94%
CMYK0%, 4%, 42%, 6%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #F5E085 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #F8E690 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FEDBD0 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #E2E2E2 (~0.003% of population)
Khaki as Text Color
Khaki on White
1.3:1FAIL
Khaki on Light Gray
1.2:1FAIL
Khaki on Cream
1.2:1FAIL
Khaki on Dark
13.3:1AAA
Khaki on Black
16.4:1AAA
Khaki on Soft Blue
1.1:1FAIL
Khaki on Soft Green
1.1:1FAIL
Khaki on Soft Pink
1.1:1FAIL
Nearest Tailwind Class
orange-200
#FED7AA
Nearest Pantone Match
Peach Fuzz (2024)
#FFBE98
CSS Variable Export
:root {
--color-khaki: #F0E68C;
--color-khaki-rgb: 240, 230, 140;
}Tailwind Config
// tailwind.config.js
colors: {
'khaki': '#F0E68C',
}Shades of Khaki
#F0E78E
#ECDF6A
#E6D641
#E2CE1D
#BEAD19
#958813
#71670F
#4D460A
#242105
#000000
Tints of Khaki
#F0E78E
#F2E99C
#F4ECA9
#F5EEB2
#F7F1C0
#F9F4CD
#FAF7DB
#FBF9E4
#FDFCF1
#FFFFFF
Color Harmonies
Complementary
#F0E68C
#8E98F0
Analogous
#F0B58E
#F0E78E
#C9F08E
Triadic
#F0E78E
#8EF0E7
#E78EF0
Khaki Text Preview
Heading in Khaki
Body text in Khaki. The quick brown fox jumps over the lazy dog.
White on Khaki
Body text on a Khaki background.
Khaki text on dark background
Contrast: 13.9:1