Color con nombre · #C28E61
Eastlake Gold
Eastlake Gold es #C28E61: rgb(194 142 97), hsl(28 44% 57%), oklch(0.687 0.088 61.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Eastlake Gold color name →
#C28E61
oklch(0.687 0.088 61.5)
Conversiones de color
- HEX
- #c28e61
- RGB
- rgb(194 142 97)
- HSL
- hsl(28 44% 57%)
- HWB
- hwb(28 38% 24%)
- OKLCH
- oklch(0.687 0.088 61.5)
- OKLab
- oklab(0.687 0.042 0.077)
- CIE Lab
- lab(63.44 16.45 32.04)
- LCH
- lch(63.44 36.02 62.8)
- CMYK
- cmyk(0% 27% 50% 24%)
Tintes · Sombras · Tonos
Tintes
- C89971
- CFA480
- D5AF90
- DBBBA0
- E1C6AF
- E7D1BF
- EDDDCF
- F3E8DF
- F9F3EF
Sombras
- A87B53
- 8F6846
- 775639
- 60442D
- 493421
- 342415
- 20150B
- 0E0703
- 020100
Tonos
- BB8D65
- B58C69
- AE8A6C
- A8896F
- A18872
- 9B8675
- 948578
- 8D837B
- 87827E
Armonías de color
Complementario +180°
- C28E61
Eastlake Gold
- 67A1CC
≈ Alaskan Blue
Análogo -30° +30°
- C28E61
Eastlake Gold
- CB8679
≈ Ginger Whisper
- AE9959
≈ Kathmandu
Triádico +120° +240°
- C28E61
Eastlake Gold
- 55AC9E
≈ Water Park
- A48EC8
≈ Classic Bouquet
Complementario dividido +150° +210°
- C28E61
Eastlake Gold
- 51A9BA
≈ Verditer Blue
- 8798D1
≈ Purple Gentian
Tetrádico +90° +180° +270°
- C28E61
Eastlake Gold
- 71AA7F
≈ Light Grass Green
- 67A1CC
≈ Alaskan Blue
- BA86B3
≈ Violet Tulle
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.86:1 · APCA Lc 55
Ag
AAASobre negro
WCAG 7.33:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--eastlake-gold: #c28e61;
--eastlake-gold-rgb: 194 142 97;
--eastlake-gold-oklch: oklch(0.687 0.088 61.5);
}
.element {
color: var(--eastlake-gold);
background-color: hsl(28 44% 57%);
border-color: oklch(0.687 0.088 61.5);
}Tailwind CSS v4
@theme {
--color-eastlake-gold: #c28e61;
--color-eastlake-gold-50: #fff0dc;
--color-eastlake-gold-100: #fee2ca;
--color-eastlake-gold-200: #f0cdae;
--color-eastlake-gold-300: #d8ae89;
--color-eastlake-gold-400: #c49368;
--color-eastlake-gold-500: #b07846;
--color-eastlake-gold-600: #95663c;
--color-eastlake-gold-700: #775130;
--color-eastlake-gold-800: #593b22;
--color-eastlake-gold-900: #3e2816;
--color-eastlake-gold-950: #271608;
}SCSS
$eastlake-gold: #c28e61;
$eastlake-gold-rgb: 194, 142, 97;
$eastlake-gold-light: mix(#fff, $eastlake-gold, 20%);
$eastlake-gold-dark: mix(#000, $eastlake-gold, 20%);
.element {
color: $eastlake-gold;
box-shadow: 0 0 0 2px rgba($eastlake-gold, 0.35);
}