Colore con nome · #E5D9B2
Honey Mist
Honey Mist è #E5D9B2: rgb(229 217 178), hsl(46 50% 80%), oklch(0.885 0.053 93). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Honey Mist color name →
#E5D9B2
oklch(0.885 0.053 93)
Conversioni di colore
- HEX
- #e5d9b2
- RGB
- rgb(229 217 178)
- HSL
- hsl(46 50% 80%)
- HWB
- hwb(46 70% 10%)
- OKLCH
- oklch(0.885 0.053 93)
- OKLab
- oklab(0.885 -0.003 0.053)
- CIE Lab
- lab(86.94 -0.26 20.86)
- LCH
- lch(86.94 20.86 90.7)
- CMYK
- cmyk(0% 5% 22% 10%)
Tinte · Ombre · Toni
Tinte
- E8DDBA
- EAE1C1
- EDE4C9
- EFE8D1
- F2ECD9
- F5F0E0
- F7F4E8
- FAF7F0
- FCFBF7
Ombre
- C7BC9A
- AAA183
- 8E866D
- 726C57
- 585343
- 3F3B2F
- 28251D
- 12110C
- 030201
Toni
- DAD0AD
- D0C7A8
- C6BEA3
- BBB49E
- B1AC99
- A7A394
- 9D9A8F
- 93918A
- 8A8985
Armonie di colore
Complementare +180°
- E5D9B2
Honey Mist
- CDD8FD
≈ Icy Plains
Analogo -30° +30°
- E5D9B2
Honey Mist
- F3D2B6
≈ Sparkle Glow
- D2DFB9
≈ Spring Glow
Triadico +120° +240°
- E5D9B2
Honey Mist
- B2E3EE
≈ Crystal River
- EFCDE8
≈ Poodle Pink
Complementare divisa +150° +210°
- E5D9B2
Honey Mist
- BCDEFA
≈ Arctic Paradise
- E0D1F7
≈ Mousse aux Pruneaux
Tetradico +90° +180° +270°
- E5D9B2
Honey Mist
- B3E5DC
≈ Aquatic Mist
- CDD8FD
≈ Icy Plains
- F9CBD6
≈ Palace Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.89:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--honey-mist: #e5d9b2;
--honey-mist-rgb: 229 217 178;
--honey-mist-oklch: oklch(0.885 0.053 93);
}
.element {
color: var(--honey-mist);
background-color: hsl(46 50% 80%);
border-color: oklch(0.885 0.053 93);
}Tailwind CSS v4
@theme {
--color-honey-mist: #e5d9b2;
--color-honey-mist-50: #faf5e5;
--color-honey-mist-100: #ede8d5;
--color-honey-mist-200: #dbd4bb;
--color-honey-mist-300: #c0b899;
--color-honey-mist-400: #a99e7b;
--color-honey-mist-500: #92865d;
--color-honey-mist-600: #7c714f;
--color-honey-mist-700: #635b3f;
--color-honey-mist-800: #49422d;
--color-honey-mist-900: #332d1e;
--color-honey-mist-950: #1e1a0e;
}SCSS
$honey-mist: #e5d9b2;
$honey-mist-rgb: 229, 217, 178;
$honey-mist-light: mix(#fff, $honey-mist, 20%);
$honey-mist-dark: mix(#000, $honey-mist, 20%);
.element {
color: $honey-mist;
box-shadow: 0 0 0 2px rgba($honey-mist, 0.35);
}