Najbliższy nazwany kolor · #CC95AF
#CC95AF
Najbliższy nazwany kolor: Exotic Lilac
#CC95AF (rgb(204 149 175), hsl(332 35% 69%), oklch(0.73 0.074 349.1)) jest najbliższy nazwanemu kolorowi Exotic Lilac. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CC95AF
oklch(0.73 0.074 349.1)
Konwersje koloru
- HEX
- #cc95af
- RGB
- rgb(204 149 175)
- HSL
- hsl(332 35% 69%)
- HWB
- hwb(332 58% 20%)
- OKLCH
- oklch(0.73 0.074 349.1)
- OKLab
- oklab(0.73 0.073 -0.014)
- CIE Lab
- lab(67.71 24.23 -5.04)
- LCH
- lch(67.71 24.75 348.2)
- CMYK
- cmyk(0% 27% 14% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D19FB7
- D7AABF
- DCB4C6
- E1BFCE
- E7C9D6
- ECD4DE
- F1DFE6
- F5E9EF
- FAF4F7
Odcienie ciemniejsze
- B18198
- 976D81
- 7E5A6B
- 654856
- 4E3741
- 37262E
- 22161C
- 0F080B
- 020101
Tony
- C493AA
- BD91A5
- B58FA1
- AE8D9C
- A68B97
- 9F8993
- 97878E
- 8F8489
- 888285
Harmonie kolorów
Komplementarna +180°
- CC95AF
Exotic Lilac
- 78B7A0
≈ Turtle Lake
Analogowa -30° +30°
- CC95AF
Exotic Lilac
- BC99C6
≈ Crocus Petal
- D39595
≈ Keel Joy
Triada +120° +240°
- CC95AF
Exotic Lilac
- ABAC75
≈ Wasabi Green
- 75B1CD
≈ Aspara
Komplementarna rozszczepiona +150° +210°
- CC95AF
Exotic Lilac
- 90B487
≈ Foliage
- 6CB6B9
≈ Surfer
Tetrada +90° +180° +270°
- CC95AF
Exotic Lilac
- C1A372
≈ Hashibami Brown
- 78B7A0
≈ Turtle Lake
- 8CA9D7
≈ Casual Water
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.47:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.48:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.48:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--exotic-lilac: #cc95af;
--exotic-lilac-rgb: 204 149 175;
--exotic-lilac-oklch: oklch(0.73 0.074 349.1);
}
.element {
color: var(--exotic-lilac);
background-color: hsl(332 35% 69%);
border-color: oklch(0.73 0.074 349.1);
}Tailwind CSS v4
@theme {
--color-exotic-lilac: #cc95af;
--color-exotic-lilac-50: #ffedf8;
--color-exotic-lilac-100: #fddeeb;
--color-exotic-lilac-200: #eec8d8;
--color-exotic-lilac-300: #d6a8bc;
--color-exotic-lilac-400: #c18da5;
--color-exotic-lilac-500: #ab728e;
--color-exotic-lilac-600: #916178;
--color-exotic-lilac-700: #744d60;
--color-exotic-lilac-800: #563847;
--color-exotic-lilac-900: #3c2631;
--color-exotic-lilac-950: #25141d;
}SCSS
$exotic-lilac: #cc95af;
$exotic-lilac-rgb: 204, 149, 175;
$exotic-lilac-light: mix(#fff, $exotic-lilac, 20%);
$exotic-lilac-dark: mix(#000, $exotic-lilac, 20%);
.element {
color: $exotic-lilac;
box-shadow: 0 0 0 2px rgba($exotic-lilac, 0.35);
}