Colore con nome · #C5B9D3
Lavender Pillow
Lavender Pillow è #C5B9D3: rgb(197 185 211), hsl(268 23% 78%), oklch(0.804 0.038 306.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lavender Pillow color name →
#C5B9D3
oklch(0.804 0.038 306.3)
Conversioni di colore
- HEX
- #c5b9d3
- RGB
- rgb(197 185 211)
- HSL
- hsl(268 23% 78%)
- HWB
- hwb(268 73% 17%)
- OKLCH
- oklch(0.804 0.038 306.3)
- OKLab
- oklab(0.804 0.023 -0.031)
- CIE Lab
- lab(76.77 8.02 -11.53)
- LCH
- lch(76.77 14.04 304.8)
- CMYK
- cmyk(7% 12% 0% 17%)
Tinte · Ombre · Toni
Tinte
- CBC0D7
- D0C7DC
- D6CEE0
- DCD5E5
- E2DCE9
- E7E3ED
- EDEAF2
- F3F1F6
- F9F8FB
Ombre
- ABA0B7
- 92899C
- 797182
- 615B69
- 4B4651
- 35313A
- 211E24
- 0E0D10
- 020202
Toni
- BEB3CA
- B7ADC2
- B0A8B9
- A9A2B1
- A29CA9
- 9B96A0
- 949198
- 8D8B90
- 878688
Armonie di colore
Complementare +180°
- C5B9D3
Lavender Pillow
- B8C4A9
≈ Zion
Analogo -30° +30°
- C5B9D3
Lavender Pillow
- B8BDD8
≈ Hazy Sky
- D0B6C8
≈ Soft Amethyst
Triadico +120° +240°
- C5B9D3
Lavender Pillow
- D1BBA5
≈ Chinchilla Chenille
- A4C7C3
≈ Zenith Heights
Complementare divisa +150° +210°
- C5B9D3
Lavender Pillow
- C6BFA4
≈ Mandu Dumpling
- ACC7B5
≈ Gum Leaf
Tetradico +90° +180° +270°
- C5B9D3
Lavender Pillow
- D6B7AE
≈ Peach Whip
- B8C4A9
≈ Zion
- A4C6CF
≈ Salt Spray
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.25:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--lavender-pillow: #c5b9d3;
--lavender-pillow-rgb: 197 185 211;
--lavender-pillow-oklch: oklch(0.804 0.038 306.3);
}
.element {
color: var(--lavender-pillow);
background-color: hsl(268 23% 78%);
border-color: oklch(0.804 0.038 306.3);
}Tailwind CSS v4
@theme {
--color-lavender-pillow: #c5b9d3;
--color-lavender-pillow-50: #f8f2fe;
--color-lavender-pillow-100: #ebe5f2;
--color-lavender-pillow-200: #d9d0e1;
--color-lavender-pillow-300: #bdb2c7;
--color-lavender-pillow-400: #a499b1;
--color-lavender-pillow-500: #8c809b;
--color-lavender-pillow-600: #776c83;
--color-lavender-pillow-700: #5f5769;
--color-lavender-pillow-800: #453f4d;
--color-lavender-pillow-900: #302c36;
--color-lavender-pillow-950: #1c1921;
}SCSS
$lavender-pillow: #c5b9d3;
$lavender-pillow-rgb: 197, 185, 211;
$lavender-pillow-light: mix(#fff, $lavender-pillow, 20%);
$lavender-pillow-dark: mix(#000, $lavender-pillow, 20%);
.element {
color: $lavender-pillow;
box-shadow: 0 0 0 2px rgba($lavender-pillow, 0.35);
}