Najbliższy nazwany kolor · #C893FF
#C893FF
Najbliższy nazwany kolor: Diva
#C893FF (rgb(200 147 255), hsl(269 100% 79%), oklch(0.755 0.159 305.5)) jest najbliższy nazwanemu kolorowi Diva. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C893FF
oklch(0.755 0.159 305.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CD9EFF
- D3A9FF
- D8B4FF
- DEBFFF
- E3CAFF
- E9D5FF
- EEDFFF
- F4EAFF
- F9F4FF
Odcienie ciemniejsze
- AE7FDE
- 946CBE
- 7B599E
- 634780
- 4C3663
- 362548
- 21162E
- 0F0816
- 020103
Tony
- C192F2
- B990E5
- B28FD8
- AA8DCC
- A38BBF
- 9C89B2
- 9587A6
- 8E8599
- 87828D
Harmonie kolorów
Komplementarna +180°
- C893FF
Diva
- 98C143
≈ Pesto Genovese
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- C893FF
Diva
- CEAE00
≈ Sulphur
- 44CD83
≈ Paris Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.07:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}