#F5F5DC color codes
- HEX
- #F5F5DC
- HEX8
- #F5F5DCFF
- HEX8 (Android)
- #FFF5F5DC
- RGB
- rgb(245, 245, 220)
- RGB (%)
- 96%, 96%, 86%
- HSL
- hsl(60, 56%, 91%)
- HSV / HSB
- hsv(60, 10%, 96%)
- CMYK
- cmyk(0%, 0%, 10%, 4%)
- OKLCH
- oklch(0.9636 0.0328 107)
- OKLCH (%)
- oklch(96.36% 0.0328 107)
- Decimal
- 16119260
What color is #F5F5DC?
#F5F5DC sits at 96% lightness and 0.0328 chroma in OKLCH, hue 107°. Its nearest named color is Beige (an exact match).
Shades and tints of #F5F5DC
Tints
Shades
Tones
#F5F5DC color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #F5F5DC in CSS
.text { color: #F5F5DC; }
.background { background-color: #F5F5DC; }
.border { border: 2px solid #F5F5DC; }
/* Modern, perceptually uniform */
.text { color: oklch(0.9636 0.0328 107); }
/* #F5F5DC at 50% transparency */
.overlay { background-color: #F5F5DC80; }Is #F5F5DC accessible?
#F5F5DC on white text scores 1.11:1; on black text it scores 18.98:1. Black text passes WCAG AAA on #F5F5DC. Recommended text color on a #F5F5DC background: black.
A 18.98:1 vs black
A 1.11:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: black
CSS
contrast-color() contrast-color(#F5F5DC) → black APCA Lc experimental 99.1 Lc · body text — preferred (black text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
Nearest featured color: Gold #FFD700. See more in the yellow family on the colors hub.
Frequently asked questions
- What color is #F5F5DC?
- #F5F5DC is Beige. In RGB it is rgb(245, 245, 220), and in HSL hsl(60, 56%, 91%).
- What is #F5F5DC in RGB?
- #F5F5DC converts to rgb(245, 245, 220) — red 245, green 245, blue 220.
- What text color is readable on #F5F5DC?
- Black text — it has the higher contrast ratio (18.98:1) against #F5F5DC. Black text passes WCAG AAA on #F5F5DC.