Nazwany kolor · #ECD8B1
Hollywood Golden Age
Hollywood Golden Age to #ECD8B1: rgb(236 216 177), hsl(40 61% 81%), oklch(0.889 0.056 84). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Hollywood Golden Age color name →
#ECD8B1
oklch(0.889 0.056 84)
Konwersje koloru
- HEX
- #ecd8b1
- RGB
- rgb(236 216 177)
- HSL
- hsl(40 61% 81%)
- HWB
- hwb(40 69% 7%)
- OKLCH
- oklch(0.889 0.056 84)
- OKLab
- oklab(0.889 0.006 0.056)
- CIE Lab
- lab(87.27 2.77 21.95)
- LCH
- lch(87.27 22.12 82.8)
- CMYK
- cmyk(0% 8% 25% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEDCB9
- F0E0C1
- F2E4C9
- F4E8D0
- F6ECD8
- F7EFE0
- F9F3E8
- FBF7EF
- FDFBF7
Odcienie ciemniejsze
- CDBC99
- AFA083
- 92856C
- 766B57
- 5B5342
- 423B2F
- 29251C
- 13110C
- 030201
Tony
- E1CFAC
- D6C6A7
- CABDA2
- BFB49E
- B5AB99
- AAA294
- 9F9A8F
- 95918A
- 8A8885
Harmonie kolorów
Komplementarna +180°
- ECD8B1
Hollywood Golden Age
- C8DBFF
≈ Arc Light
Analogowa -30° +30°
- ECD8B1
Hollywood Golden Age
- F9D1B8
≈ Autumn Wind
- D9DFB5
≈ April Showers
Triada +120° +240°
- ECD8B1
Hollywood Golden Age
- B0E6EB
≈ Winter Escape
- EDCEF0
≈ Bubblegum Crisis
Komplementarna rozszczepiona +150° +210°
- ECD8B1
Hollywood Golden Age
- B7E1FA
≈ Arctic Paradise
- DCD4FD
≈ Pale Lavender
Tetrada +90° +180° +270°
- ECD8B1
Hollywood Golden Age
- B5E7D7
≈ Ode to Green
- C8DBFF
≈ Arc Light
- F9CCDD
≈ Linnet Egg Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.02:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.02:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--hollywood-golden-age: #ecd8b1;
--hollywood-golden-age-rgb: 236 216 177;
--hollywood-golden-age-oklch: oklch(0.889 0.056 84);
}
.element {
color: var(--hollywood-golden-age);
background-color: hsl(40 61% 81%);
border-color: oklch(0.889 0.056 84);
}Tailwind CSS v4
@theme {
--color-hollywood-golden-age: #ecd8b1;
--color-hollywood-golden-age-50: #fcf4e4;
--color-hollywood-golden-age-100: #f0e7d3;
--color-hollywood-golden-age-200: #dfd3ba;
--color-hollywood-golden-age-300: #c4b697;
--color-hollywood-golden-age-400: #ae9c79;
--color-hollywood-golden-age-500: #98835b;
--color-hollywood-golden-age-600: #806f4d;
--color-hollywood-golden-age-700: #67593e;
--color-hollywood-golden-age-800: #4c412c;
--color-hollywood-golden-age-900: #352d1e;
--color-hollywood-golden-age-950: #201a0e;
}SCSS
$hollywood-golden-age: #ecd8b1;
$hollywood-golden-age-rgb: 236, 216, 177;
$hollywood-golden-age-light: mix(#fff, $hollywood-golden-age, 20%);
$hollywood-golden-age-dark: mix(#000, $hollywood-golden-age, 20%);
.element {
color: $hollywood-golden-age;
box-shadow: 0 0 0 2px rgba($hollywood-golden-age, 0.35);
}