Najbliższy nazwany kolor · #D5A1B6
#D5A1B6
Najbliższy nazwany kolor: Exotic Lilac
#D5A1B6 (rgb(213 161 182), hsl(336 38% 73%), oklch(0.764 0.067 352.8)) jest najbliższy nazwanemu kolorowi Exotic Lilac. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D5A1B6
oklch(0.764 0.067 352.8)
Konwersje koloru
- HEX
- #d5a1b6
- RGB
- rgb(213 161 182)
- HSL
- hsl(336 38% 73%)
- HWB
- hwb(336 63% 16%)
- OKLCH
- oklch(0.764 0.067 352.8)
- OKLab
- oklab(0.764 0.067 -0.008)
- CIE Lab
- lab(71.68 22.22 -2.99)
- LCH
- lch(71.68 22.42 352.3)
- CMYK
- cmyk(0% 24% 15% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAAABD
- DEB3C4
- E2BDCB
- E7C6D3
- EBCFDA
- EFD9E1
- F3E2E9
- F7ECF0
- FBF5F8
Odcienie ciemniejsze
- B98B9E
- 9E7686
- 83626F
- 6A4E59
- 513C44
- 3A2A30
- 24191D
- 10090C
- 020102
Tony
- CC9EB0
- C49BAB
- BB97A5
- B394A0
- AA919B
- A28D95
- 998A90
- 91878B
- 888385
Harmonie kolorów
Komplementarna +180°
- D5A1B6
Exotic Lilac
- 85C1AE
≈ Seaborn
Analogowa -30° +30°
- D5A1B6
Exotic Lilac
- C7A4CB
≈ Stormy Sunrise
- DAA29E
≈ Passive Pink
Triada +120° +240°
- D5A1B6
Exotic Lilac
- B2B786
≈ Lima Green
- 87BAD6
≈ Simply Posh
Komplementarna rozszczepiona +150° +210°
- D5A1B6
Exotic Lilac
- 9ABE97
≈ Quiet Green
- 7EBFC5
≈ Pure Turquoise
Tetrada +90° +180° +270°
- D5A1B6
Exotic Lilac
- C7AF81
≈ Cliff Ridge
- 85C1AE
≈ Seaborn
- 9CB3DE
≈ Myrtle Flower
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.18:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.60:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--exotic-lilac: #d5a1b6;
--exotic-lilac-rgb: 213 161 182;
--exotic-lilac-oklch: oklch(0.764 0.067 352.8);
}
.element {
color: var(--exotic-lilac);
background-color: hsl(336 38% 73%);
border-color: oklch(0.764 0.067 352.8);
}Tailwind CSS v4
@theme {
--color-exotic-lilac: #d5a1b6;
--color-exotic-lilac-50: #ffeef6;
--color-exotic-lilac-100: #fbdfe9;
--color-exotic-lilac-200: #edc9d6;
--color-exotic-lilac-300: #d4aab9;
--color-exotic-lilac-400: #bf8ea2;
--color-exotic-lilac-500: #aa748a;
--color-exotic-lilac-600: #8f6275;
--color-exotic-lilac-700: #734e5e;
--color-exotic-lilac-800: #553945;
--color-exotic-lilac-900: #3b2730;
--color-exotic-lilac-950: #25151c;
}SCSS
$exotic-lilac: #d5a1b6;
$exotic-lilac-rgb: 213, 161, 182;
$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);
}