Najbliższy nazwany kolor · #CFAAD6
#CFAAD6
Najbliższy nazwany kolor: Lilac Lace
#CFAAD6 (rgb(207 170 214), hsl(290 35% 75%), oklch(0.785 0.073 320.9)) jest najbliższy nazwanemu kolorowi Lilac Lace. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CFAAD6
oklch(0.785 0.073 320.9)
Konwersje koloru
- HEX
- #cfaad6
- RGB
- rgb(207 170 214)
- HSL
- hsl(290 35% 75%)
- HWB
- hwb(290 67% 16%)
- OKLCH
- oklch(0.785 0.073 320.9)
- OKLab
- oklab(0.785 0.057 -0.046)
- CIE Lab
- lab(74.05 19.66 -17.08)
- LCH
- lch(74.05 26.04 319)
- CMYK
- cmyk(3% 21% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4B2DA
- D9BBDE
- DEC3E2
- E2CCE7
- E7D4EB
- ECDDEF
- F1E5F3
- F6EEF7
- FAF6FB
Odcienie ciemniejsze
- B493BA
- 997D9E
- 7F6884
- 67536A
- 4F3F52
- 382D3B
- 231B25
- 100B10
- 020102
Tony
- C7A6CD
- BFA2C4
- B79DBC
- AF99B3
- A795AA
- 9F91A2
- 978D99
- 8F8891
- 888488
Harmonie kolorów
Komplementarna +180°
- CFAAD6
Lilac Lace
- A0C599
≈ Gingko
Analogowa -30° +30°
- CFAAD6
Lilac Lace
- B8B1E5
≈ Beloved
- DEA6BF
≈ Pink Beauty
Triada +120° +240°
- CFAAD6
Lilac Lace
- D1B583
≈ Clumsy Caramel
- 7EC8CC
≈ Pearl Bay
Komplementarna rozszczepiona +150° +210°
- CFAAD6
Lilac Lace
- BABE87
≈ Jitterbug
- 88C9B3
≈ Pale Teal
Tetrada +90° +180° +270°
- CFAAD6
Lilac Lace
- E0AC8E
≈ New Mexico Mesa
- A0C599
≈ Gingko
- 88C2E0
≈ Club Cruise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.37:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--lilac-lace: #cfaad6;
--lilac-lace-rgb: 207 170 214;
--lilac-lace-oklch: oklch(0.785 0.073 320.9);
}
.element {
color: var(--lilac-lace);
background-color: hsl(290 35% 75%);
border-color: oklch(0.785 0.073 320.9);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #cfaad6;
--color-lilac-lace-50: #ffefff;
--color-lilac-lace-100: #f4e0f6;
--color-lilac-lace-200: #e4cae7;
--color-lilac-lace-300: #caabce;
--color-lilac-lace-400: #b391b9;
--color-lilac-lace-500: #9d76a4;
--color-lilac-lace-600: #84648b;
--color-lilac-lace-700: #6a506f;
--color-lilac-lace-800: #4d3a53;
--color-lilac-lace-900: #36283a;
--color-lilac-lace-950: #211624;
}SCSS
$lilac-lace: #cfaad6;
$lilac-lace-rgb: 207, 170, 214;
$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);
}