Nazwany kolor · #E8B447
Honey Glow
Honey Glow to #E8B447: rgb(232 180 71), hsl(41 78% 59%), oklch(0.798 0.137 82.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Honey Glow color name →
#E8B447
oklch(0.798 0.137 82.7)
Konwersje koloru
- HEX
- #e8b447
- RGB
- rgb(232 180 71)
- HSL
- hsl(41 78% 59%)
- HWB
- hwb(41 28% 9%)
- OKLCH
- oklch(0.798 0.137 82.7)
- OKLab
- oklab(0.798 0.017 0.136)
- CIE Lab
- lab(76.71 11.66 60.7)
- LCH
- lch(76.71 61.81 79.1)
- CMYK
- cmyk(0% 22% 69% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBBC5F
- EDC473
- F0CB87
- F2D399
- F4DAAA
- F6E2BC
- F9E9CD
- FBF0DD
- FDF8EE
Odcienie ciemniejsze
- CA9C3D
- AC8532
- 906E28
- 74581F
- 594416
- 40300D
- 291D06
- 130C02
- 030200
Tony
- DDAF51
- D3AA5A
- C8A561
- BEA067
- B39B6D
- A99572
- 9E9076
- 948B7A
- 8A857D
Harmonie kolorów
Komplementarna +180°
- E8B447
Honey Glow
- 9ABDFF
≈ Truesky Gloxym
Analogowa -30° +30°
- E8B447
Honey Glow
- FFA469
≈ Baby Melon
- BEC655
≈ Wild Willow
Triada +120° +240°
- E8B447
Honey Glow
- 00D6E3
≈ Aztec Turquoise
- E79EF0
≈ VIC 20 Pink
Komplementarna rozszczepiona +150° +210°
- E8B447
Honey Glow
- 60CAFF
≈ Skyan
- BFB0FF
≈ Winterspring Lilac
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.05:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--honey-glow: #e8b447;
--honey-glow-rgb: 232 180 71;
--honey-glow-oklch: oklch(0.798 0.137 82.7);
}
.element {
color: var(--honey-glow);
background-color: hsl(41 78% 59%);
border-color: oklch(0.798 0.137 82.7);
}Tailwind CSS v4
@theme {
--color-honey-glow: #e8b447;
--color-honey-glow-50: #fff3c9;
--color-honey-glow-100: #fde5b4;
--color-honey-glow-200: #efd090;
--color-honey-glow-300: #d8b260;
--color-honey-glow-400: #c6962b;
--color-honey-glow-500: #b27b00;
--color-honey-glow-600: #966800;
--color-honey-glow-700: #785300;
--color-honey-glow-800: #5a3c00;
--color-honey-glow-900: #3f2900;
--color-honey-glow-950: #281700;
}SCSS
$honey-glow: #e8b447;
$honey-glow-rgb: 232, 180, 71;
$honey-glow-light: mix(#fff, $honey-glow, 20%);
$honey-glow-dark: mix(#000, $honey-glow, 20%);
.element {
color: $honey-glow;
box-shadow: 0 0 0 2px rgba($honey-glow, 0.35);
}