Benannte Farbe · #CAA7BB
Fragrant Lilac
Fragrant Lilac ist #CAA7BB: rgb(202 167 187), hsl(326 25% 72%), oklch(0.766 0.049 343). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Fragrant Lilac color name →
#CAA7BB
oklch(0.766 0.049 343)
Farbumrechnungen
- HEX
- #caa7bb
- RGB
- rgb(202 167 187)
- HSL
- hsl(326 25% 72%)
- HWB
- hwb(326 65% 21%)
- OKLCH
- oklch(0.766 0.049 343)
- OKLab
- oklab(0.766 0.047 -0.014)
- CIE Lab
- lab(72.13 15.69 -5.24)
- LCH
- lch(72.13 16.54 341.5)
- CMYK
- cmyk(0% 17% 7% 21%)
Tints · Shades · Tones
Tints
- CFB0C2
- D5B8C8
- DAC1CF
- DFCAD6
- E5D2DD
- EADBE3
- EFE4EA
- F5EDF1
- FAF6F8
Shades
- AF91A2
- 957B8A
- 7C6673
- 64525C
- 4D3E46
- 372C32
- 221A1F
- 0F0A0D
- 020102
Tones
- C2A3B5
- BB9FAF
- B39BA9
- AC97A3
- A5939D
- 9D9097
- 968C91
- 8F888B
- 878486
Farbharmonien
Komplementär +180°
- CAA7BB
Fragrant Lilac
- 97BDAA
≈ Scenic View
Analog -30° +30°
- CAA7BB
Fragrant Lilac
- BEAAC9
≈ Fancy Pansy
- D0A7AA
≈ Baby Jane
Triadisch +120° +240°
- CAA7BB
Fragrant Lilac
- B8B591
≈ Young Willow
- 91BACA
≈ Blue Echo
Geteilt komplementär +150° +210°
- CAA7BB
Fragrant Lilac
- A7BA9A
≈ Laurel Green
- 8FBDBB
≈ Blithe Blue
Tetradisch +90° +180° +270°
- CAA7BB
Fragrant Lilac
- C6AF91
≈ Peculiarly Drab Tincture
- 97BDAA
≈ Scenic View
- 9DB5D2
≈ Blue Satin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.15:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.75:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--fragrant-lilac: #caa7bb;
--fragrant-lilac-rgb: 202 167 187;
--fragrant-lilac-oklch: oklch(0.766 0.049 343);
}
.element {
color: var(--fragrant-lilac);
background-color: hsl(326 25% 72%);
border-color: oklch(0.766 0.049 343);
}Tailwind CSS v4
@theme {
--color-fragrant-lilac: #caa7bb;
--color-fragrant-lilac-50: #fff0f8;
--color-fragrant-lilac-100: #f5e2ec;
--color-fragrant-lilac-200: #e5ccd9;
--color-fragrant-lilac-300: #cbaebd;
--color-fragrant-lilac-400: #b493a6;
--color-fragrant-lilac-500: #9e7a8f;
--color-fragrant-lilac-600: #856779;
--color-fragrant-lilac-700: #6b5261;
--color-fragrant-lilac-800: #4e3c47;
--color-fragrant-lilac-900: #372931;
--color-fragrant-lilac-950: #21171d;
}SCSS
$fragrant-lilac: #caa7bb;
$fragrant-lilac-rgb: 202, 167, 187;
$fragrant-lilac-light: mix(#fff, $fragrant-lilac, 20%);
$fragrant-lilac-dark: mix(#000, $fragrant-lilac, 20%);
.element {
color: $fragrant-lilac;
box-shadow: 0 0 0 2px rgba($fragrant-lilac, 0.35);
}