#F5DEB3 color codes
- HEX
- #F5DEB3
- HEX8
- #F5DEB3FF
- HEX8 (Android)
- #FFF5DEB3
- RGB
- rgb(245, 222, 179)
- RGB (%)
- 96%, 87%, 70%
- HSL
- hsl(39, 77%, 83%)
- HSV / HSB
- hsv(39, 27%, 96%)
- CMYK
- cmyk(0%, 9%, 27%, 4%)
- OKLCH
- oklch(0.9088 0.0615 83.03)
- OKLCH (%)
- oklch(90.88% 0.0615 83.03)
- Decimal
- 16113331
What color is #F5DEB3?
#F5DEB3 sits at 91% lightness and 0.0615 chroma in OKLCH, hue 83.03°. Its nearest named color is Wheat (an exact match).
Shades and tints of #F5DEB3
Tints
Shades
Tones
#F5DEB3 color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #F5DEB3 in CSS
.text { color: #F5DEB3; }
.background { background-color: #F5DEB3; }
.border { border: 2px solid #F5DEB3; }
/* Modern, perceptually uniform */
.text { color: oklch(0.9088 0.0615 83.03); }
/* #F5DEB3 at 50% transparency */
.overlay { background-color: #F5DEB380; }Is #F5DEB3 accessible?
#F5DEB3 on white text scores 1.31:1; on black text it scores 15.98:1. Black text passes WCAG AAA on #F5DEB3. Recommended text color on a #F5DEB3 background: black.
A 15.98:1 vs black
A 1.31: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(#F5DEB3) → black APCA Lc experimental 88.1 Lc · body text (black text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
See more in the orange family on the colors hub.
Frequently asked questions
- What color is #F5DEB3?
- #F5DEB3 is Wheat. In RGB it is rgb(245, 222, 179), and in HSL hsl(39, 77%, 83%).
- What is #F5DEB3 in RGB?
- #F5DEB3 converts to rgb(245, 222, 179) — red 245, green 222, blue 179.
- What text color is readable on #F5DEB3?
- Black text — it has the higher contrast ratio (15.98:1) against #F5DEB3. Black text passes WCAG AAA on #F5DEB3.