Named color · #E8EAD5
Horned Lizard
Horned Lizard is #E8EAD5: rgb(232 234 213), hsl(66 33% 88%), oklch(0.93 0.028 111.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Horned Lizard color name →
#E8EAD5
oklch(0.93 0.028 111.4)
Color conversions
- HEX
- #e8ead5
- RGB
- rgb(232 234 213)
- HSL
- hsl(66 33% 88%)
- HWB
- hwb(66 84% 8%)
- OKLCH
- oklch(0.93 0.028 111.4)
- OKLab
- oklab(0.93 -0.01 0.026)
- CIE Lab
- lab(92.12 -3.37 10)
- LCH
- lch(92.12 10.55 108.6)
- CMYK
- cmyk(1% 0% 9% 8%)
Tints · Shades · Tones
Tints
- EAECD9
- EDEEDD
- EFF0E2
- F1F2E6
- F3F4EA
- F6F7EE
- F8F9F2
- FAFBF7
- FDFDFB
Shades
- CACBB9
- ACAE9E
- 909183
- 74756A
- 595A51
- 40413A
- 292924
- 131310
- 030302
Tones
- DDDFCC
- D2D4C3
- C8C9BB
- BDBEB2
- B3B4AA
- A8A9A1
- 9E9F99
- 949490
- 8A8A88
Color harmonies
Complementary +180°
- E8EAD5
Horned Lizard
- E7E5FA
≈ Lavender Mist
Analogous -30° +30°
- E8EAD5
Horned Lizard
- F1E6D3
≈ Grow
- DEEDDC
≈ Vanishing Point
Triadic +120° +240°
- E8EAD5
Horned Lizard
- D6ECF7
≈ Ice Castle
- F8E1EA
≈ First Crush
Split-complementary +150° +210°
- E8EAD5
Horned Lizard
- DEE8FB
≈ Husky
- F1E2F3
≈ Sheer Lavender
Tetradic +90° +180° +270°
- E8EAD5
Horned Lizard
- D3EEF0
≈ Blue Emulsion
- E7E5FA
≈ Lavender Mist
- FAE1E0
≈ Eased Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.16:1 · APCA Lc 93
Best text color: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--horned-lizard: #e8ead5;
--horned-lizard-rgb: 232 234 213;
--horned-lizard-oklch: oklch(0.93 0.028 111.4);
}
.element {
color: var(--horned-lizard);
background-color: hsl(66 33% 88%);
border-color: oklch(0.93 0.028 111.4);
}Tailwind CSS v4
@theme {
--color-horned-lizard: #e8ead5;
--color-horned-lizard-50: #f5f6ed;
--color-horned-lizard-100: #e7e9df;
--color-horned-lizard-200: #d4d6c8;
--color-horned-lizard-300: #b7b9a9;
--color-horned-lizard-400: #9fa08e;
--color-horned-lizard-500: #868873;
--color-horned-lizard-600: #727362;
--color-horned-lizard-700: #5b5c4e;
--color-horned-lizard-800: #434338;
--color-horned-lizard-900: #2e2e26;
--color-horned-lizard-950: #1b1b15;
}SCSS
$horned-lizard: #e8ead5;
$horned-lizard-rgb: 232, 234, 213;
$horned-lizard-light: mix(#fff, $horned-lizard, 20%);
$horned-lizard-dark: mix(#000, $horned-lizard, 20%);
.element {
color: $horned-lizard;
box-shadow: 0 0 0 2px rgba($horned-lizard, 0.35);
}