Color con nombre · #EABBA2
Sunset Drive
Sunset Drive es #EABBA2: rgb(234 187 162), hsl(21 63% 78%), oklch(0.828 0.064 49.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Sunset Drive color name →
#EABBA2
oklch(0.828 0.064 49.4)
Conversiones de color
- HEX
- #eabba2
- RGB
- rgb(234 187 162)
- HSL
- hsl(21 63% 78%)
- HWB
- hwb(21 64% 8%)
- OKLCH
- oklch(0.828 0.064 49.4)
- OKLab
- oklab(0.828 0.042 0.049)
- CIE Lab
- lab(79.68 14.88 19.47)
- LCH
- lch(79.68 24.5 52.6)
- CMYK
- cmyk(0% 20% 31% 8%)
Tintes · Sombras · Tonos
Tintes
- ECC2AB
- EFC9B4
- F1CFBE
- F3D6C7
- F5DDD0
- F7E4D9
- F9EBE3
- FBF1EC
- FDF8F6
Sombras
- CBA28C
- AE8A77
- 917363
- 755C4F
- 5A463C
- 41322A
- 291F19
- 130D0A
- 030201
Tonos
- DFB59F
- D4AF9B
- C9A998
- BFA395
- B49D91
- AA978E
- 9F928A
- 958C87
- 8A8684
Armonías de color
Complementario +180°
- EABBA2
Sunset Drive
- 9BCFE8
≈ Light Whimsy
Análogo -30° +30°
- EABBA2
Sunset Drive
- EEB6B6
≈ Camille Pink
- DDC298
≈ Natural Twine
Triádico +120° +240°
- EABBA2
Sunset Drive
- 9DD5C0
≈ Flowering Cactus
- C5C0EE
≈ Violet Gems
Complementario dividido +150° +210°
- EABBA2
Sunset Drive
- 94D4D7
≈ Aqua Bloom
- AEC8F1
≈ Tropical Blue
Tetrádico +90° +180° +270°
- EABBA2
Sunset Drive
- B1D1AA
≈ Garden Room
- 9BCFE8
≈ Light Whimsy
- D9BAE1
≈ Romantic Morning
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.12:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--sunset-drive: #eabba2;
--sunset-drive-rgb: 234 187 162;
--sunset-drive-oklch: oklch(0.828 0.064 49.4);
}
.element {
color: var(--sunset-drive);
background-color: hsl(21 63% 78%);
border-color: oklch(0.828 0.064 49.4);
}Tailwind CSS v4
@theme {
--color-sunset-drive: #eabba2;
--color-sunset-drive-50: #fff1e5;
--color-sunset-drive-100: #fae2d5;
--color-sunset-drive-200: #eccdbc;
--color-sunset-drive-300: #d3af9a;
--color-sunset-drive-400: #be947d;
--color-sunset-drive-500: #a97a60;
--color-sunset-drive-600: #8f6752;
--color-sunset-drive-700: #735241;
--color-sunset-drive-800: #553c2f;
--color-sunset-drive-900: #3b2920;
--color-sunset-drive-950: #25170f;
}SCSS
$sunset-drive: #eabba2;
$sunset-drive-rgb: 234, 187, 162;
$sunset-drive-light: mix(#fff, $sunset-drive, 20%);
$sunset-drive-dark: mix(#000, $sunset-drive, 20%);
.element {
color: $sunset-drive;
box-shadow: 0 0 0 2px rgba($sunset-drive, 0.35);
}