Najbliższy nazwany kolor · #CBABC9
#CBABC9
Najbliższy nazwany kolor: Novel Lilac
#CBABC9 (rgb(203 171 201), hsl(304 24% 73%), oklch(0.779 0.055 328.1)) jest najbliższy nazwanemu kolorowi Novel Lilac. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CBABC9
oklch(0.779 0.055 328.1)
Konwersje koloru
- HEX
- #cbabc9
- RGB
- rgb(203 171 201)
- HSL
- hsl(304 24% 73%)
- HWB
- hwb(304 67% 20%)
- OKLCH
- oklch(0.779 0.055 328.1)
- OKLab
- oklab(0.779 0.047 -0.029)
- CIE Lab
- lab(73.56 15.88 -10.78)
- LCH
- lch(73.56 19.19 325.8)
- CMYK
- cmyk(0% 16% 1% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D0B3CE
- D5BBD4
- DBC4D9
- E0CCDE
- E5D4E4
- EADDE9
- EFE5EF
- F5EEF4
- FAF6FA
Odcienie ciemniejsze
- B094AE
- 967E95
- 7D687C
- 655464
- 4D404C
- 372D36
- 221B22
- 0F0B0F
- 020102
Tony
- C3A7C1
- BCA2BA
- B49EB3
- AC9AAB
- A595A4
- 9D919D
- 968D95
- 8F898E
- 878487
Harmonie kolorów
Komplementarna +180°
- CBABC9
Novel Lilac
- A0C1A4
≈ Aroma Garden
Analogowa -30° +30°
- CBABC9
Novel Lilac
- BBB0D6
≈ Pastel Lilac
- D5A9B7
≈ Pink Nectar
Triada +120° +240°
- CBABC9
Novel Lilac
- C6B68F
≈ Withered Moss
- 8EC1C9
≈ Witness
Komplementarna rozszczepiona +150° +210°
- CBABC9
Novel Lilac
- B3BC95
≈ Pale Spring Morning
- 91C3B7
≈ Catarina Green
Tetrada +90° +180° +270°
- CBABC9
Novel Lilac
- D3AF95
≈ Mellow Buff
- A0C1A4
≈ Aroma Garden
- 97BDD7
≈ Gentle Sky
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.05:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.20:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.20:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--novel-lilac: #cbabc9;
--novel-lilac-rgb: 203 171 201;
--novel-lilac-oklch: oklch(0.779 0.055 328.1);
}
.element {
color: var(--novel-lilac);
background-color: hsl(304 24% 73%);
border-color: oklch(0.779 0.055 328.1);
}Tailwind CSS v4
@theme {
--color-novel-lilac: #cbabc9;
--color-novel-lilac-50: #fff0fd;
--color-novel-lilac-100: #f3e2f1;
--color-novel-lilac-200: #e2cce0;
--color-novel-lilac-300: #c8aec5;
--color-novel-lilac-400: #b193af;
--color-novel-lilac-500: #9b7999;
--color-novel-lilac-600: #836781;
--color-novel-lilac-700: #695267;
--color-novel-lilac-800: #4d3c4d;
--color-novel-lilac-900: #352935;
--color-novel-lilac-950: #201720;
}SCSS
$novel-lilac: #cbabc9;
$novel-lilac-rgb: 203, 171, 201;
$novel-lilac-light: mix(#fff, $novel-lilac, 20%);
$novel-lilac-dark: mix(#000, $novel-lilac, 20%);
.element {
color: $novel-lilac;
box-shadow: 0 0 0 2px rgba($novel-lilac, 0.35);
}