Najbliższy nazwany kolor · #D19EC3
#D19EC3
Najbliższy nazwany kolor: Pastel Lavender
#D19EC3 (rgb(209 158 195), hsl(316 36% 72%), oklch(0.758 0.078 336.6)) jest najbliższy nazwanemu kolorowi Pastel Lavender. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D19EC3
oklch(0.758 0.078 336.6)
Konwersje koloru
- HEX
- #d19ec3
- RGB
- rgb(209 158 195)
- HSL
- hsl(316 36% 72%)
- HWB
- hwb(316 62% 18%)
- OKLCH
- oklch(0.758 0.078 336.6)
- OKLab
- oklab(0.758 0.071 -0.031)
- CIE Lab
- lab(70.87 23.94 -11.38)
- LCH
- lch(70.87 26.5 334.6)
- CMYK
- cmyk(0% 24% 7% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6A8C9
- DBB1CF
- DFBBD5
- E4C4DB
- E9CEE1
- EDD8E7
- F2E1ED
- F6EBF3
- FBF5F9
Odcienie ciemniejsze
- B589A9
- 9B7490
- 816078
- 684D60
- 503A4A
- 392934
- 231820
- 10090E
- 020102
Tony
- C99BBC
- C198B5
- B995AE
- B092A8
- A88FA1
- A08C9A
- 988994
- 90868D
- 888387
Harmonie kolorów
Komplementarna +180°
- D19EC3
Pastel Lavender
- 87C09D
≈ Lark Green
Analogowa -30° +30°
- D19EC3
Pastel Lavender
- BDA4D8
≈ Enchanted Lavender
- DC9CA8
≈ Glamour
Triada +120° +240°
- D19EC3
Pastel Lavender
- BFB177
≈ Fresh Peas
- 74BDD0
≈ Cologne
Komplementarna rozszczepiona +150° +210°
- D19EC3
Pastel Lavender
- A4BA84
≈ Forest Tapestry
- 74C1B8
≈ Tropic Tide
Tetrada +90° +180° +270°
- D19EC3
Pastel Lavender
- D3A77B
≈ City Sunrise
- 87C09D
≈ Lark Green
- 88B6E0
≈ Goluboy Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.38:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-lavender: #d19ec3;
--pastel-lavender-rgb: 209 158 195;
--pastel-lavender-oklch: oklch(0.758 0.078 336.6);
}
.element {
color: var(--pastel-lavender);
background-color: hsl(316 36% 72%);
border-color: oklch(0.758 0.078 336.6);
}Tailwind CSS v4
@theme {
--color-pastel-lavender: #d19ec3;
--color-pastel-lavender-50: #ffedfd;
--color-pastel-lavender-100: #fadef1;
--color-pastel-lavender-200: #ecc8e0;
--color-pastel-lavender-300: #d3a9c5;
--color-pastel-lavender-400: #bd8db0;
--color-pastel-lavender-500: #a77299;
--color-pastel-lavender-600: #8d6182;
--color-pastel-lavender-700: #714d68;
--color-pastel-lavender-800: #53384d;
--color-pastel-lavender-900: #3a2636;
--color-pastel-lavender-950: #241521;
}SCSS
$pastel-lavender: #d19ec3;
$pastel-lavender-rgb: 209, 158, 195;
$pastel-lavender-light: mix(#fff, $pastel-lavender, 20%);
$pastel-lavender-dark: mix(#000, $pastel-lavender, 20%);
.element {
color: $pastel-lavender;
box-shadow: 0 0 0 2px rgba($pastel-lavender, 0.35);
}