CSS named color
Khaki
#F0E68C
HEX
#f0e68cRGB
rgb(240, 230, 140)HSL
hsl(54, 77%, 75%)OKLCH
oklch(91.35% 0.1119 102.83)NAME
khakiPalette
Complementary
180° on the color wheelComplement
#8E98F0
Analogous
±30° around the base hueLeft
#F0B58E
Right
#C9F08E
Triadic
±120° for harmonic contrastTriad 1
#8EF0E7
Triad 2
#E78EF0
Shades
Lighter and darker variantsCSS usage
By name
color: khaki;
background-color: khaki;By HEX
color: #f0e68c;
background-color: #f0e68c;By RGB
color: rgb(240, 230, 140);
background-color: rgb(240, 230, 140);By HSL
color: hsl(54, 77%, 75%);
background-color: hsl(54, 77%, 75%);WCAG contrast vs white
Aa
1.28:1
Below minimum
WCAG contrast vs black
Aa
16.40:1
AAA
Related colors
FAQ — Khaki
What is the HEX code for Khaki?
The HEX code for Khaki is #F0E68C. It's one of the 148 named CSS colors and can be used directly in CSS as color: khaki; or color: #f0e68c;
What is Khaki in RGB?
Khaki in RGB is rgb(240, 230, 140) — red 240, green 230, blue 140.
What is Khaki in HSL?
Khaki in HSL is hsl(54, 77%, 75%) — hue 54°, saturation 77%, lightness 75%.
What is the complementary color of Khaki?
The complementary color (directly opposite Khaki on the color wheel) is #8E98F0. The two together produce maximum contrast.
Is white text readable on Khaki?
The WCAG contrast ratio against white (#FFFFFF) is 1.28:1, and against black (#000000) it's 16.40:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.