Colore con nome · #EACDB7
Sun Kiss
Sun Kiss è #EACDB7: rgb(234 205 183), hsl(26 55% 82%), oklch(0.867 0.044 59.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sun Kiss color name →
#EACDB7
oklch(0.867 0.044 59.3)
Conversioni di colore
- HEX
- #eacdb7
- RGB
- rgb(234 205 183)
- HSL
- hsl(26 55% 82%)
- HWB
- hwb(26 72% 8%)
- OKLCH
- oklch(0.867 0.044 59.3)
- OKLab
- oklab(0.867 0.023 0.038)
- CIE Lab
- lab(84.45 8.02 14.93)
- LCH
- lch(84.45 16.95 61.8)
- CMYK
- cmyk(0% 12% 22% 8%)
Tinte · Ombre · Toni
Tinte
- ECD2BE
- EED7C5
- F1DCCC
- F3E1D4
- F5E6DB
- F7EBE2
- F9F0E9
- FBF5F0
- FDFAF8
Ombre
- CBB29F
- AE9887
- 917E70
- 75665A
- 5A4E45
- 413831
- 29231E
- 130F0C
- 030202
Toni
- DFC5B1
- D4BDAC
- C9B5A6
- BEAEA1
- B4A69B
- A99E96
- 9F9690
- 948F8B
- 8A8785
Armonie di colore
Complementare +180°
- EACDB7
Sun Kiss
- BAD8EE
≈ First Rain
Analogo -30° +30°
- EACDB7
Sun Kiss
- EFC9C3
≈ Sonia Rose
- DFD2B3
≈ Corinthian Pillar
Triadico +120° +240°
- EACDB7
Sun Kiss
- B5DDD4
≈ Balmy Seas
- D7CDED
≈ Plum’s the Word
Complementare divisa +150° +210°
- EACDB7
Sun Kiss
- B3DCE3
≈ Blue Shimmer
- C7D3F1
≈ Frozen Periwinkle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.91:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.91:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--sun-kiss: #eacdb7;
--sun-kiss-rgb: 234 205 183;
--sun-kiss-oklch: oklch(0.867 0.044 59.3);
}
.element {
color: var(--sun-kiss);
background-color: hsl(26 55% 82%);
border-color: oklch(0.867 0.044 59.3);
}Tailwind CSS v4
@theme {
--color-sun-kiss: #eacdb7;
--color-sun-kiss-50: #fff3e9;
--color-sun-kiss-100: #f3e5d9;
--color-sun-kiss-200: #e3d0c2;
--color-sun-kiss-300: #c9b3a1;
--color-sun-kiss-400: #b39985;
--color-sun-kiss-500: #9d8069;
--color-sun-kiss-600: #856c59;
--color-sun-kiss-700: #6a5647;
--color-sun-kiss-800: #4e3f33;
--color-sun-kiss-900: #372b23;
--color-sun-kiss-950: #211812;
}SCSS
$sun-kiss: #eacdb7;
$sun-kiss-rgb: 234, 205, 183;
$sun-kiss-light: mix(#fff, $sun-kiss, 20%);
$sun-kiss-dark: mix(#000, $sun-kiss, 20%);
.element {
color: $sun-kiss;
box-shadow: 0 0 0 2px rgba($sun-kiss, 0.35);
}