Cor nomeada mais próxima · #E8C393
#E8C393
Cor nomeada mais próxima: Golden Talisman
#E8C393 (rgb(232 195 147), hsl(34 65% 74%), oklch(0.838 0.076 73.7)) é mais próxima da cor nomeada Golden Talisman. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E8C393
oklch(0.838 0.076 73.7)
Conversões de cor
- HEX
- #e8c393
- RGB
- rgb(232 195 147)
- HSL
- hsl(34 65% 74%)
- HWB
- hwb(34 58% 9%)
- OKLCH
- oklch(0.838 0.076 73.7)
- OKLab
- oklab(0.838 0.021 0.073)
- CIE Lab
- lab(81.21 8.77 29.34)
- LCH
- lch(81.21 30.62 73.4)
- CMYK
- cmyk(0% 16% 37% 9%)
Tons claros · Sombras · Tons
Tons claros
- EAC99E
- EDCFA9
- EFD5B4
- F2DBBE
- F4E1C9
- F6E7D4
- F8EDDF
- FBF3E9
- FDF9F4
Sombras
- CAA97F
- AC906C
- 907859
- 746047
- 594A36
- 403425
- 292016
- 130E08
- 030201
Tons
- DDBC92
- D3B590
- C8AF8E
- BDA88C
- B3A18B
- A99A89
- 9E9487
- 948D85
- 8A8782
Harmonias de cor
Complementar +180°
- E8C393
Golden Talisman
- A8CDFB
≈ Night Snow
Análoga -30° +30°
- E8C393
Golden Talisman
- F5BBA2
≈ Certain Peach
- D2CD93
≈ Corn Husk Green
Tríade +120° +240°
- E8C393
Golden Talisman
- 8DDAD8
≈ Island Oasis
- DCBCED
≈ Beefy Pink
Complementar dividida +150° +210°
- E8C393
Golden Talisman
- 93D5EE
≈ Blue Effervescence
- C3C4FA
≈ Light Periwinkle
Tétrade +90° +180° +270°
- E8C393
Golden Talisman
- 9CDABC
≈ Green Jewel
- A8CDFB
≈ Night Snow
- EEB7D6
≈ Soft Cashmere
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.65:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--golden-talisman: #e8c393;
--golden-talisman-rgb: 232 195 147;
--golden-talisman-oklch: oklch(0.838 0.076 73.7);
}
.element {
color: var(--golden-talisman);
background-color: hsl(34 65% 74%);
border-color: oklch(0.838 0.076 73.7);
}Tailwind CSS v4
@theme {
--color-golden-talisman: #e8c393;
--color-golden-talisman-50: #fff3de;
--color-golden-talisman-100: #f7e5cd;
--color-golden-talisman-200: #e7d0b1;
--color-golden-talisman-300: #ceb38c;
--color-golden-talisman-400: #ba986c;
--color-golden-talisman-500: #a47e4b;
--color-golden-talisman-600: #8b6b40;
--color-golden-talisman-700: #6f5633;
--color-golden-talisman-800: #533e24;
--color-golden-talisman-900: #3a2b18;
--color-golden-talisman-950: #241809;
}SCSS
$golden-talisman: #e8c393;
$golden-talisman-rgb: 232, 195, 147;
$golden-talisman-light: mix(#fff, $golden-talisman, 20%);
$golden-talisman-dark: mix(#000, $golden-talisman, 20%);
.element {
color: $golden-talisman;
box-shadow: 0 0 0 2px rgba($golden-talisman, 0.35);
}