Najbliższy nazwany kolor · #C9AAD5
#C9AAD5
Najbliższy nazwany kolor: Lilac Lace
#C9AAD5 (rgb(201 170 213), hsl(283 34% 75%), oklch(0.779 0.069 316.5)) jest najbliższy nazwanemu kolorowi Lilac Lace. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C9AAD5
oklch(0.779 0.069 316.5)
Konwersje koloru
- HEX
- #c9aad5
- RGB
- rgb(201 170 213)
- HSL
- hsl(283 34% 75%)
- HWB
- hwb(283 67% 16%)
- OKLCH
- oklch(0.779 0.069 316.5)
- OKLab
- oklab(0.779 0.05 -0.047)
- CIE Lab
- lab(73.45 17.41 -17.51)
- LCH
- lch(73.45 24.69 314.8)
- CMYK
- cmyk(6% 20% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEB2D9
- D4BBDE
- D9C3E2
- DFCCE6
- E4D4EA
- E9DDEE
- EFE5F3
- F4EEF7
- FAF6FB
Odcienie ciemniejsze
- AE93B9
- 957D9E
- 7C6883
- 64536A
- 4C3F51
- 362D3A
- 221B24
- 0F0B10
- 020102
Tony
- C1A6CC
- BAA2C4
- B39DBB
- AB99B2
- A495AA
- 9D91A1
- 958D99
- 8E8891
- 878488
Harmonie kolorów
Komplementarna +180°
- C9AAD5
Lilac Lace
- A3C296
≈ Heartland Frosty
Analogowa -30° +30°
- C9AAD5
Lilac Lace
- B3B1E2
≈ Beloved
- D9A6C0
≈ Rhubarb Gin
Triada +120° +240°
- C9AAD5
Lilac Lace
- D1B286
≈ Light Oak
- 81C5C6
≈ Bay Mist
Komplementarna rozszczepiona +150° +210°
- C9AAD5
Lilac Lace
- BCBB87
≈ Slippery Moss
- 8CC6AD
≈ Hellion Green
Tetrada +90° +180° +270°
- C9AAD5
Lilac Lace
- DDAA92
≈ Arizona Dust
- A3C296
≈ Heartland Frosty
- 87C1D9
≈ Sky Babe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.05:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.19:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--lilac-lace: #c9aad5;
--lilac-lace-rgb: 201 170 213;
--lilac-lace-oklch: oklch(0.779 0.069 316.5);
}
.element {
color: var(--lilac-lace);
background-color: hsl(283 34% 75%);
border-color: oklch(0.779 0.069 316.5);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c9aad5;
--color-lilac-lace-50: #feefff;
--color-lilac-lace-100: #f2e1f7;
--color-lilac-lace-200: #e1cbe8;
--color-lilac-lace-300: #c7adce;
--color-lilac-lace-400: #af92ba;
--color-lilac-lace-500: #9978a5;
--color-lilac-lace-600: #81668b;
--color-lilac-lace-700: #675170;
--color-lilac-lace-800: #4b3b53;
--color-lilac-lace-900: #34293a;
--color-lilac-lace-950: #201624;
}SCSS
$lilac-lace: #c9aad5;
$lilac-lace-rgb: 201, 170, 213;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}