Nazwany kolor · #EABBA2
Sunset Drive
Sunset Drive to #EABBA2: rgb(234 187 162), hsl(21 63% 78%), oklch(0.828 0.064 49.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sunset Drive color name →
#EABBA2
oklch(0.828 0.064 49.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECC2AB
- EFC9B4
- F1CFBE
- F3D6C7
- F5DDD0
- F7E4D9
- F9EBE3
- FBF1EC
- FDF8F6
Odcienie ciemniejsze
- CBA28C
- AE8A77
- 917363
- 755C4F
- 5A463C
- 41322A
- 291F19
- 130D0A
- 030201
Tony
- DFB59F
- D4AF9B
- C9A998
- BFA395
- B49D91
- AA978E
- 9F928A
- 958C87
- 8A8684
Harmonie kolorów
Komplementarna +180°
- EABBA2
Sunset Drive
- 9BCFE8
≈ Light Whimsy
Analogowa -30° +30°
- EABBA2
Sunset Drive
- EEB6B6
≈ Camille Pink
- DDC298
≈ Natural Twine
Triada +120° +240°
- EABBA2
Sunset Drive
- 9DD5C0
≈ Flowering Cactus
- C5C0EE
≈ Violet Gems
Komplementarna rozszczepiona +150° +210°
- EABBA2
Sunset Drive
- 94D4D7
≈ Aqua Bloom
- AEC8F1
≈ Tropical Blue
Tetrada +90° +180° +270°
- EABBA2
Sunset Drive
- B1D1AA
≈ Garden Room
- 9BCFE8
≈ Light Whimsy
- D9BAE1
≈ Romantic Morning
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.73:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.12:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
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);
}