Nazwany kolor · #E1B67C
Honey Gold
Honey Gold to #E1B67C: rgb(225 182 124), hsl(34 63% 68%), oklch(0.802 0.09 74.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Honey Gold color name →
#E1B67C
oklch(0.802 0.09 74.3)
Konwersje koloru
- HEX
- #e1b67c
- RGB
- rgb(225 182 124)
- HSL
- hsl(34 63% 68%)
- HWB
- hwb(34 49% 12%)
- OKLCH
- oklch(0.802 0.09 74.3)
- OKLab
- oklab(0.802 0.024 0.086)
- CIE Lab
- lab(76.99 10.65 35.66)
- LCH
- lch(76.99 37.21 73.4)
- CMYK
- cmyk(0% 19% 45% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4BD8A
- E7C597
- EACCA4
- EED3B1
- F1DBBE
- F4E2CB
- F6E9D8
- F9F0E5
- FCF8F2
Odcienie ciemniejsze
- C49E6B
- A7865A
- 8B6F4A
- 70593B
- 56442C
- 3E301E
- 271D11
- 120C05
- 020201
Tony
- D7B17D
- CDAB7E
- C3A67F
- B9A080
- B09B80
- A69680
- 9C9081
- 938B80
- 898580
Harmonie kolorów
Komplementarna +180°
- E1B67C
Honey Gold
- 96C2F8
≈ Sail to the Sea
Analogowa -30° +30°
- E1B67C
Honey Gold
- F0AC8F
≈ Salmon Slice
- C7C27D
≈ Fresh Sprout
Triada +120° +240°
- E1B67C
Honey Gold
- 72D1CF
≈ Hidden Sea Glass
- D4ADE7
≈ Barely Bloomed
Komplementarna rozszczepiona +150° +210°
- E1B67C
Honey Gold
- 7ACBE9
≈ Big Chill
- B7B7F7
≈ Purple Illusion
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.87:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.18:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--honey-gold: #e1b67c;
--honey-gold-rgb: 225 182 124;
--honey-gold-oklch: oklch(0.802 0.09 74.3);
}
.element {
color: var(--honey-gold);
background-color: hsl(34 63% 68%);
border-color: oklch(0.802 0.09 74.3);
}Tailwind CSS v4
@theme {
--color-honey-gold: #e1b67c;
--color-honey-gold-50: #fff2d9;
--color-honey-gold-100: #fae5c7;
--color-honey-gold-200: #ebd0aa;
--color-honey-gold-300: #d2b283;
--color-honey-gold-400: #be9761;
--color-honey-gold-500: #a97d3c;
--color-honey-gold-600: #8f6a34;
--color-honey-gold-700: #735429;
--color-honey-gold-800: #553d1d;
--color-honey-gold-900: #3c2a13;
--color-honey-gold-950: #251705;
}SCSS
$honey-gold: #e1b67c;
$honey-gold-rgb: 225, 182, 124;
$honey-gold-light: mix(#fff, $honey-gold, 20%);
$honey-gold-dark: mix(#000, $honey-gold, 20%);
.element {
color: $honey-gold;
box-shadow: 0 0 0 2px rgba($honey-gold, 0.35);
}