Colore con nome più vicino · #C88C83
#C88C83
Colore con nome più vicino: Grand Sunset
#C88C83 (rgb(200 140 131), hsl(8 39% 65%), oklch(0.697 0.075 28.6)) è più vicino al colore con nome Grand Sunset. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C88C83
oklch(0.697 0.075 28.6)
Conversioni di colore
- HEX
- #c88c83
- RGB
- rgb(200 140 131)
- HSL
- hsl(8 39% 65%)
- HWB
- hwb(8 51% 22%)
- OKLCH
- oklch(0.697 0.075 28.6)
- OKLab
- oklab(0.697 0.066 0.036)
- CIE Lab
- lab(64.18 22.67 14.47)
- LCH
- lch(64.18 26.89 32.6)
- CMYK
- cmyk(0% 30% 35% 22%)
Tinte · Ombre · Toni
Tinte
- CE978F
- D4A39B
- DAAEA7
- DFB9B3
- E5C5C0
- EAD0CC
- F0DCD9
- F5E7E5
- FAF3F2
Ombre
- AE7971
- 946760
- 7B554F
- 63433F
- 4C332F
- 362320
- 211412
- 0F0706
- 020101
Toni
- C18B83
- BA8A83
- B38982
- AC8882
- A58782
- 9D8581
- 968481
- 8F8381
- 878180
Armonie di colore
Complementare +180°
- C88C83
Grand Sunset
- 61ABB6
≈ Experience
Analogo -30° +30°
- C88C83
Grand Sunset
- C58A9D
≈ Winsome Rose
- C1926F
≈ Sunset Cloud
Triadico +120° +240°
- C88C83
Grand Sunset
- 7DAB84
≈ Adventurine
- 8A9CCD
≈ Velvet Robe
Complementare divisa +150° +210°
- C88C83
Grand Sunset
- 67AD9E
≈ Green Crush
- 71A4C7
≈ Wandering River
Tetradico +90° +180° +270°
- C88C83
Grand Sunset
- 98A46F
≈ Cucuzza Verde
- 61ABB6
≈ Experience
- A394C6
≈ Distinct Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.53:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--grand-sunset: #c88c83;
--grand-sunset-rgb: 200 140 131;
--grand-sunset-oklch: oklch(0.697 0.075 28.6);
}
.element {
color: var(--grand-sunset);
background-color: hsl(8 39% 65%);
border-color: oklch(0.697 0.075 28.6);
}Tailwind CSS v4
@theme {
--color-grand-sunset: #c88c83;
--color-grand-sunset-50: #ffeee8;
--color-grand-sunset-100: #ffdfd9;
--color-grand-sunset-200: #f3c9c1;
--color-grand-sunset-300: #dbaaa0;
--color-grand-sunset-400: #c78e85;
--color-grand-sunset-500: #b3736a;
--color-grand-sunset-600: #97615a;
--color-grand-sunset-700: #794e47;
--color-grand-sunset-800: #5a3834;
--color-grand-sunset-900: #3f2624;
--color-grand-sunset-950: #281513;
}SCSS
$grand-sunset: #c88c83;
$grand-sunset-rgb: 200, 140, 131;
$grand-sunset-light: mix(#fff, $grand-sunset, 20%);
$grand-sunset-dark: mix(#000, $grand-sunset, 20%);
.element {
color: $grand-sunset;
box-shadow: 0 0 0 2px rgba($grand-sunset, 0.35);
}