Colore con nome · #EEB574
Golden Chime
Golden Chime è #EEB574: rgb(238 181 116), hsl(32 78% 69%), oklch(0.812 0.105 69.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Golden Chime color name →
#EEB574
oklch(0.812 0.105 69.1)
Conversioni di colore
- HEX
- #eeb574
- RGB
- rgb(238 181 116)
- HSL
- hsl(32 78% 69%)
- HWB
- hwb(32 45% 7%)
- OKLCH
- oklch(0.812 0.105 69.1)
- OKLab
- oklab(0.812 0.038 0.099)
- CIE Lab
- lab(78 15.88 41.34)
- LCH
- lch(78 44.28 69)
- CMYK
- cmyk(0% 24% 51% 7%)
Tinte · Ombre · Toni
Tinte
- F0BD83
- F2C491
- F4CC9F
- F6D3AD
- F8DABB
- F9E2C9
- FBE9D6
- FCF0E4
- FEF8F1
Ombre
- CF9D64
- B18654
- 936F45
- 775937
- 5C4429
- 42301B
- 2A1D0F
- 140C05
- 030201
Toni
- E3B076
- D7AB78
- CCA57A
- C1A07C
- B69B7D
- AB957E
- A0907F
- 968B7F
- 8B8580
Armonie di colore
Complementare +180°
- EEB574
Golden Chime
- 8FC7FF
≈ Clear Sky
Analogo -30° +30°
- EEB574
Golden Chime
- FDAA8E
≈ Simply Coral
- D2C370
≈ Tropical Moss
Triadico +120° +240°
- EEB574
Golden Chime
- 64D7CF
≈ Hammam Blue
- D5AFF5
≈ Teasel Dipsacus
Complementare divisa +150° +210°
- EEB574
Golden Chime
- 69D2F0
≈ Heisenberg Blue
- B4BBFF
≈ Greyish Lavender
Tetradico +90° +180° +270°
- EEB574
Golden Chime
- 82D7A9
≈ Fresco Green
- 8FC7FF
≈ Clear Sky
- EFA7D8
≈ Pretty Pink Piggy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.49:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.49:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-chime: #eeb574;
--golden-chime-rgb: 238 181 116;
--golden-chime-oklch: oklch(0.812 0.105 69.1);
}
.element {
color: var(--golden-chime);
background-color: hsl(32 78% 69%);
border-color: oklch(0.812 0.105 69.1);
}Tailwind CSS v4
@theme {
--color-golden-chime: #eeb574;
--color-golden-chime-50: #fff1d5;
--color-golden-chime-100: #ffe3c2;
--color-golden-chime-200: #f1cda3;
--color-golden-chime-300: #daaf7b;
--color-golden-chime-400: #c79356;
--color-golden-chime-500: #b3782b;
--color-golden-chime-600: #976627;
--color-golden-chime-700: #79511f;
--color-golden-chime-800: #5a3a15;
--color-golden-chime-900: #3f280d;
--color-golden-chime-950: #281602;
}SCSS
$golden-chime: #eeb574;
$golden-chime-rgb: 238, 181, 116;
$golden-chime-light: mix(#fff, $golden-chime, 20%);
$golden-chime-dark: mix(#000, $golden-chime, 20%);
.element {
color: $golden-chime;
box-shadow: 0 0 0 2px rgba($golden-chime, 0.35);
}