Dichtstbijzijnde benoemde kleur · #C893FF
#C893FF
Dichtstbijzijnde benoemde kleur: Diva
#C893FF (rgb(200 147 255), hsl(269 100% 79%), oklch(0.755 0.159 305.5)) komt het dichtst bij de benoemde kleur Diva. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C893FF
oklch(0.755 0.159 305.5)
Kleurconversies
- HEX
- #c893ff
- RGB
- rgb(200 147 255)
- HSL
- hsl(269 100% 79%)
- HWB
- hwb(269 58% 0%)
- OKLCH
- oklch(0.755 0.159 305.5)
- OKLab
- oklab(0.755 0.092 -0.129)
- CIE Lab
- lab(69.35 35.76 -46.63)
- LCH
- lch(69.35 58.76 307.5)
- CMYK
- cmyk(22% 42% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- CD9EFF
- D3A9FF
- D8B4FF
- DEBFFF
- E3CAFF
- E9D5FF
- EEDFFF
- F4EAFF
- F9F4FF
Schaduwen
- AE7FDE
- 946CBE
- 7B599E
- 634780
- 4C3663
- 362548
- 21162E
- 0F0816
- 020103
Tonen
- C192F2
- B990E5
- B28FD8
- AA8DCC
- A38BBF
- 9C89B2
- 9587A6
- 8E8599
- 87828D
Kleurharmonieën
Complementair +180°
- C893FF
Diva
- 98C143
≈ Pesto Genovese
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- C893FF
Diva
- CEAE00
≈ Sulphur
- 44CD83
≈ Paris Green
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.31:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.07:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--diva: #c893ff;
--diva-rgb: 200 147 255;
--diva-oklch: oklch(0.755 0.159 305.5);
}
.element {
color: var(--diva);
background-color: hsl(269 100% 79%);
border-color: oklch(0.755 0.159 305.5);
}Tailwind CSS v4
@theme {
--color-diva: #c893ff;
--color-diva-50: #ffeaff;
--color-diva-100: #f6daff;
--color-diva-200: #e7c2ff;
--color-diva-300: #cda1f6;
--color-diva-400: #b584e8;
--color-diva-500: #a065d8;
--color-diva-600: #8756b6;
--color-diva-700: #6c4593;
--color-diva-800: #4e326e;
--color-diva-900: #36224e;
--color-diva-950: #211134;
}SCSS
$diva: #c893ff;
$diva-rgb: 200, 147, 255;
$diva-light: mix(#fff, $diva, 20%);
$diva-dark: mix(#000, $diva, 20%);
.element {
color: $diva;
box-shadow: 0 0 0 2px rgba($diva, 0.35);
}