Benannte Farbe · #E0BB96
Honey Nougat
Honey Nougat ist #E0BB96: rgb(224 187 150), hsl(30 54% 73%), oklch(0.815 0.065 66.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Honey Nougat color name →
#E0BB96
oklch(0.815 0.065 66.7)
Farbumrechnungen
- HEX
- #e0bb96
- RGB
- rgb(224 187 150)
- HSL
- hsl(30 54% 73%)
- HWB
- hwb(30 59% 12%)
- OKLCH
- oklch(0.815 0.065 66.7)
- OKLab
- oklab(0.815 0.026 0.06)
- CIE Lab
- lab(78.5 9.86 24.02)
- LCH
- lch(78.5 25.97 67.7)
- CMYK
- cmyk(0% 17% 33% 12%)
Tints · Shades · Tones
Tints
- E3C2A0
- E6C9AB
- EACFB5
- EDD6C0
- F0DDCA
- F3E4D5
- F6EADF
- F9F1EA
- FCF8F4
Shades
- C3A282
- A68A6E
- 8A735B
- 705C49
- 564637
- 3E3226
- 271F16
- 120D08
- 020201
Tones
- D6B594
- CCAF92
- C2A990
- B9A38E
- AF9D8C
- A69789
- 9C9187
- 938C85
- 898682
Farbharmonien
Komplementär +180°
- E0BB96
Honey Nougat
- A1C7EB
≈ Island Light
Analog -30° +30°
- E0BB96
Honey Nougat
- E9B4A5
≈ City of Pink Angels
- CEC393
≈ Hearts of Palm
Triadisch +120° +240°
- E0BB96
Honey Nougat
- 92D1C9
≈ Opal Turquoise
- CDB8E4
≈ Drifting Dream
Geteilt komplementär +150° +210°
- E0BB96
Honey Nougat
- 92CEDE
≈ Iqaluit Ice
- B7C0ED
≈ Larkspur Bud
Tetradisch +90° +180° +270°
- E0BB96
Honey Nougat
- A0D0B2
≈ Menthol Green
- A1C7EB
≈ Island Light
- DFB3D2
≈ Bff
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.71:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.71:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--honey-nougat: #e0bb96;
--honey-nougat-rgb: 224 187 150;
--honey-nougat-oklch: oklch(0.815 0.065 66.7);
}
.element {
color: var(--honey-nougat);
background-color: hsl(30 54% 73%);
border-color: oklch(0.815 0.065 66.7);
}Tailwind CSS v4
@theme {
--color-honey-nougat: #e0bb96;
--color-honey-nougat-50: #fff2e2;
--color-honey-nougat-100: #f7e4d1;
--color-honey-nougat-200: #e7d0b7;
--color-honey-nougat-300: #ceb294;
--color-honey-nougat-400: #b99775;
--color-honey-nougat-500: #a47e57;
--color-honey-nougat-600: #8a6b4a;
--color-honey-nougat-700: #6f553b;
--color-honey-nougat-800: #523e2a;
--color-honey-nougat-900: #392a1c;
--color-honey-nougat-950: #24180c;
}SCSS
$honey-nougat: #e0bb96;
$honey-nougat-rgb: 224, 187, 150;
$honey-nougat-light: mix(#fff, $honey-nougat, 20%);
$honey-nougat-dark: mix(#000, $honey-nougat, 20%);
.element {
color: $honey-nougat;
box-shadow: 0 0 0 2px rgba($honey-nougat, 0.35);
}