Dichtstbijzijnde benoemde kleur · #C88C83
#C88C83
Dichtstbijzijnde benoemde kleur: Grand Sunset
#C88C83 (rgb(200 140 131), hsl(8 39% 65%), oklch(0.697 0.075 28.6)) komt het dichtst bij de benoemde kleur Grand Sunset. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C88C83
oklch(0.697 0.075 28.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- CE978F
- D4A39B
- DAAEA7
- DFB9B3
- E5C5C0
- EAD0CC
- F0DCD9
- F5E7E5
- FAF3F2
Schaduwen
- AE7971
- 946760
- 7B554F
- 63433F
- 4C332F
- 362320
- 211412
- 0F0706
- 020101
Tonen
- C18B83
- BA8A83
- B38982
- AC8882
- A58782
- 9D8581
- 968481
- 8F8381
- 878180
Kleurharmonieën
Complementair +180°
- C88C83
Grand Sunset
- 61ABB6
≈ Experience
Analoog -30° +30°
- C88C83
Grand Sunset
- C58A9D
≈ Winsome Rose
- C1926F
≈ Sunset Cloud
Triadisch +120° +240°
- C88C83
Grand Sunset
- 7DAB84
≈ Adventurine
- 8A9CCD
≈ Velvet Robe
Gesplitst complementair +150° +210°
- C88C83
Grand Sunset
- 67AD9E
≈ Green Crush
- 71A4C7
≈ Wandering River
Tetradisch +90° +180° +270°
- C88C83
Grand Sunset
- 98A46F
≈ Cucuzza Verde
- 61ABB6
≈ Experience
- A394C6
≈ Distinct Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.78:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.53:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
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);
}