Cor nomeada · #EEB574
Golden Chime
Golden Chime é #EEB574: rgb(238 181 116), hsl(32 78% 69%), oklch(0.812 0.105 69.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Golden Chime color name →
#EEB574
oklch(0.812 0.105 69.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- F0BD83
- F2C491
- F4CC9F
- F6D3AD
- F8DABB
- F9E2C9
- FBE9D6
- FCF0E4
- FEF8F1
Sombras
- CF9D64
- B18654
- 936F45
- 775937
- 5C4429
- 42301B
- 2A1D0F
- 140C05
- 030201
Tons
- E3B076
- D7AB78
- CCA57A
- C1A07C
- B69B7D
- AB957E
- A0907F
- 968B7F
- 8B8580
Harmonias de cor
Complementar +180°
- EEB574
Golden Chime
- 8FC7FF
≈ Clear Sky
Análoga -30° +30°
- EEB574
Golden Chime
- FDAA8E
≈ Simply Coral
- D2C370
≈ Tropical Moss
Tríade +120° +240°
- EEB574
Golden Chime
- 64D7CF
≈ Hammam Blue
- D5AFF5
≈ Teasel Dipsacus
Complementar dividida +150° +210°
- EEB574
Golden Chime
- 69D2F0
≈ Heisenberg Blue
- B4BBFF
≈ Greyish Lavender
Tétrade +90° +180° +270°
- EEB574
Golden Chime
- 82D7A9
≈ Fresco Green
- 8FC7FF
≈ Clear Sky
- EFA7D8
≈ Pretty Pink Piggy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.49:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.49:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
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);
}