Nächste benannte Farbe · #CBAACB
#CBAACB
Nächste benannte Farbe: Novel Lilac
#CBAACB (rgb(203 170 203), hsl(300 24% 73%), oklch(0.777 0.059 326.1)) liegt am nächsten an der benannten Farbe Novel Lilac. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#CBAACB
oklch(0.777 0.059 326.1)
Farbumrechnungen
- 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
Farbharmonien
Komplementär +180°
- CBAACB
Novel Lilac
- 9FC1A1
≈ Spruce Stone
Analog -30° +30°
- CBAACB
Novel Lilac
- B9AFD9
≈ Delicate Lilac
- D6A7B8
≈ Pink Nectar
Triadisch +120° +240°
- CBAACB
Novel Lilac
- C7B58C
≈ Soybean
- 8AC2C9
≈ Big Sky Country
Geteilt komplementär +150° +210°
- CBAACB
Novel Lilac
- B4BC91
≈ Gloaming Green
- 8FC3B5
≈ Catarina Green
Tetradisch +90° +180° +270°
- CBAACB
Novel Lilac
- D5AE93
≈ Mellow Buff
- 9FC1A1
≈ Spruce Stone
- 93BDD8
≈ Manakin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.15:1 · APCA Lc 62
Beste Textfarbe: #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);
}