Skip to content

#E2CCA6

≈ wheat · rgb(226, 204, 166)
Color formats
HEX#E2CCA6
RGBrgb(226, 204, 166)
HSLhsl(38, 51%, 77%)
HSVhsv(38, 27%, 89%)
OKLCHoklch(85% 0.06 81)
CMYKcmyk(0%, 10%, 27%, 11%)
Contrast & accessibility
On white1.56:1below AA
On black13.42:1AA pass
Best text color#000000
Nearest CSS name: wheat
Copy-ready code
CSS custom properties
:root {
  --wheat: #e2cca6;
  --wheat-rgb: 226 204 166;
  --wheat-oklch: oklch(85% 0.06 81);
}
The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--wheat-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#e2cca6] text-[#e2cca6] border-[#e2cca6]
Shades & tints
50
#F5F3F0
100
#F1EEE9
200
#EBE5DA
300
#E7DCCA
400
#E4D4B9
500
#E2CCA6
600
#CBA86C
700
#A58040
800
#68522C
900
#2D2415
950
#110E08
Color harmonies
Complementary
#A6BCE2
Analogous −30°
#E2AEA6
Analogous +30°
#DAE2A6
Triadic +120°
#A6E2CC
Triadic −120°
#CCA6E2
About this color

#E2CCA6 is a color with the RGB value rgb(226, 204, 166). Its closest CSS named color is "wheat". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.

Related

Convert #E2CCA6 to other formats

Palettes with a similar color

Gradients with a similar color

✓ Copied