Nearest named color · #CBAACB
#CBAACB
Nearest named color: Novel Lilac
#CBAACB (rgb(203 170 203), hsl(300 24% 73%), oklch(0.777 0.059 326.1)) is closest to the named color Novel Lilac. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CBAACB
oklch(0.777 0.059 326.1)
Color conversions
- HEX
- #cbaacb
- RGB
- rgb(203 170 203)
- HSL
- hsl(300 24% 73%)
- HWB
- hwb(300 67% 20%)
- OKLCH
- oklch(0.777 0.059 326.1)
- OKLab
- oklab(0.777 0.049 -0.033)
- CIE Lab
- lab(73.37 16.67 -12.16)
- LCH
- lch(73.37 20.63 323.9)
- CMYK
- cmyk(0% 16% 0% 20%)
Tints · Shades · Tones
Tints
- D0B2D0
- D5BBD5
- DBC3DB
- E0CBE0
- E5D4E5
- EADCEA
- EFE5EF
- F5EEF5
- FAF6FA
Shades
- B093B0
- 967D96
- 7D687D
- 655365
- 4D3F4D
- 372D37
- 221B22
- 0F0B0F
- 020102
Tones
- C3A6C3
- BCA2BC
- B49DB4
- AD99AC
- A595A5
- 9E919D
- 968D96
- 8F888F
- 878487
Color harmonies
Complementary +180°
- CBAACB
Novel Lilac
- 9FC1A1
≈ Spruce Stone
Analogous -30° +30°
- CBAACB
Novel Lilac
- B9AFD9
≈ Delicate Lilac
- D6A7B8
≈ Pink Nectar
Triadic +120° +240°
- CBAACB
Novel Lilac
- C7B58C
≈ Soybean
- 8AC2C9
≈ Big Sky Country
Split-complementary +150° +210°
- CBAACB
Novel Lilac
- B4BC91
≈ Gloaming Green
- 8FC3B5
≈ Catarina Green
Tetradic +90° +180° +270°
- CBAACB
Novel Lilac
- D5AE93
≈ Mellow Buff
- 9FC1A1
≈ Spruce Stone
- 93BDD8
≈ Manakin
Contrast & accessibility
Ag
FailOn white
WCAG 2.06:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.15:1 · APCA Lc 62
Best text color: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--novel-lilac: #cbaacb;
--novel-lilac-rgb: 203 170 203;
--novel-lilac-oklch: oklch(0.777 0.059 326.1);
}
.element {
color: var(--novel-lilac);
background-color: hsl(300 24% 73%);
border-color: oklch(0.777 0.059 326.1);
}Tailwind CSS v4
@theme {
--color-novel-lilac: #cbaacb;
--color-novel-lilac-50: #fff0fe;
--color-novel-lilac-100: #f3e1f2;
--color-novel-lilac-200: #e3cce1;
--color-novel-lilac-300: #c9adc7;
--color-novel-lilac-400: #b193b1;
--color-novel-lilac-500: #9b799b;
--color-novel-lilac-600: #836683;
--color-novel-lilac-700: #695269;
--color-novel-lilac-800: #4d3c4e;
--color-novel-lilac-900: #352936;
--color-novel-lilac-950: #201721;
}SCSS
$novel-lilac: #cbaacb;
$novel-lilac-rgb: 203, 170, 203;
$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);
}