Color con nombre · #E9CA94
Golden West
Golden West es #E9CA94: rgb(233 202 148), hsl(38 66% 75%), oklch(0.853 0.078 81.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Golden West color name →
#E9CA94
oklch(0.853 0.078 81.2)
Conversiones de color
- HEX
- #e9ca94
- RGB
- rgb(233 202 148)
- HSL
- hsl(38 66% 75%)
- HWB
- hwb(38 58% 9%)
- OKLCH
- oklch(0.853 0.078 81.2)
- OKLab
- oklab(0.853 0.012 0.077)
- CIE Lab
- lab(83.05 5.79 31.26)
- LCH
- lch(83.05 31.79 79.5)
- CMYK
- cmyk(0% 13% 36% 9%)
Tintes · Sombras · Tonos
Tintes
- EBCF9F
- EED5AA
- F0DAB5
- F2DFBF
- F4E5CA
- F6EAD5
- F9EFDF
- FBF4EA
- FDFAF4
Sombras
- CBAF80
- AD956D
- 907C5A
- 746448
- 5A4D36
- 413726
- 292216
- 130F08
- 030201
Tonos
- DEC292
- D3BB91
- C8B38F
- BEAC8D
- B3A58B
- A99D89
- 9E9687
- 948F85
- 8A8782
Armonías de color
Complementario +180°
- E9CA94
Golden West
- B4D0FF
≈ Ice Cold Stare
Análogo -30° +30°
- E9CA94
Golden West
- F9C1A0
≈ Pink Beach
- D0D499
≈ Misty Bead
Triádico +120° +240°
- E9CA94
Golden West
- 8FDEE4
≈ Paradisiacal Getaway
- E7BEEE
≈ Lovecloud
Complementario dividido +150° +210°
- E9CA94
Golden West
- 9AD9F9
≈ Shiva Blue
- CEC6FF
≈ Innocent Snowdrop
Tetrádico +90° +180° +270°
- E9CA94
Golden West
- 99E0C8
≈ Almost Aqua
- B4D0FF
≈ Ice Cold Stare
- F8BAD5
≈ Little Baby Girl
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre negro
WCAG 13.34:1 · APCA Lc 77
Mejor color de texto: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-west: #e9ca94;
--golden-west-rgb: 233 202 148;
--golden-west-oklch: oklch(0.853 0.078 81.2);
}
.element {
color: var(--golden-west);
background-color: hsl(38 66% 75%);
border-color: oklch(0.853 0.078 81.2);
}Tailwind CSS v4
@theme {
--color-golden-west: #e9ca94;
--color-golden-west-50: #fff4dd;
--color-golden-west-100: #f5e6cb;
--color-golden-west-200: #e5d2af;
--color-golden-west-300: #cbb48a;
--color-golden-west-400: #b69a68;
--color-golden-west-500: #a18146;
--color-golden-west-600: #886d3c;
--color-golden-west-700: #6d5730;
--color-golden-west-800: #513f22;
--color-golden-west-900: #382b16;
--color-golden-west-950: #231907;
}SCSS
$golden-west: #e9ca94;
$golden-west-rgb: 233, 202, 148;
$golden-west-light: mix(#fff, $golden-west, 20%);
$golden-west-dark: mix(#000, $golden-west, 20%);
.element {
color: $golden-west;
box-shadow: 0 0 0 2px rgba($golden-west, 0.35);
}