Benannte Farbe · #E5D9B2
Honey Mist
Honey Mist ist #E5D9B2: rgb(229 217 178), hsl(46 50% 80%), oklch(0.885 0.053 93). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Honey Mist color name →
#E5D9B2
oklch(0.885 0.053 93)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E8DDBA
- EAE1C1
- EDE4C9
- EFE8D1
- F2ECD9
- F5F0E0
- F7F4E8
- FAF7F0
- FCFBF7
Shades
- C7BC9A
- AAA183
- 8E866D
- 726C57
- 585343
- 3F3B2F
- 28251D
- 12110C
- 030201
Tones
- DAD0AD
- D0C7A8
- C6BEA3
- BBB49E
- B1AC99
- A7A394
- 9D9A8F
- 93918A
- 8A8985
Farbharmonien
Komplementär +180°
- E5D9B2
Honey Mist
- CDD8FD
≈ Icy Plains
Analog -30° +30°
- E5D9B2
Honey Mist
- F3D2B6
≈ Sparkle Glow
- D2DFB9
≈ Spring Glow
Triadisch +120° +240°
- E5D9B2
Honey Mist
- B2E3EE
≈ Crystal River
- EFCDE8
≈ Poodle Pink
Geteilt komplementär +150° +210°
- E5D9B2
Honey Mist
- BCDEFA
≈ Arctic Paradise
- E0D1F7
≈ Mousse aux Pruneaux
Tetradisch +90° +180° +270°
- E5D9B2
Honey Mist
- B3E5DC
≈ Aquatic Mist
- CDD8FD
≈ Icy Plains
- F9CBD6
≈ Palace Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.40:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.89:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
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);
}