Colore con nome · #D4C6DB
Prudence
Prudence è #D4C6DB: rgb(212 198 219), hsl(280 23% 82%), oklch(0.844 0.033 314.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Prudence color name →
#D4C6DB
oklch(0.844 0.033 314.6)
Conversioni di colore
- HEX
- #d4c6db
- RGB
- rgb(212 198 219)
- HSL
- hsl(280 23% 82%)
- HWB
- hwb(280 78% 14%)
- OKLCH
- oklch(0.844 0.033 314.6)
- OKLab
- oklab(0.844 0.023 -0.023)
- CIE Lab
- lab(81.53 7.9 -8.64)
- LCH
- lch(81.53 11.7 312.4)
- CMYK
- cmyk(3% 10% 0% 14%)
Tinte · Ombre · Toni
Tinte
- D8CCDF
- DDD1E2
- E1D7E6
- E5DDE9
- E9E2ED
- EEE8F1
- F2EEF4
- F6F3F8
- FBF9FB
Ombre
- B8ACBE
- 9D92A2
- 837A87
- 69626D
- 514B54
- 3A353C
- 242126
- 100E11
- 020202
Toni
- CBBFD2
- C3B8C8
- BAB0BF
- B2A9B6
- A9A2AC
- A19BA3
- 98949A
- 908E92
- 888789
Armonie di colore
Complementare +180°
- D4C6DB
Prudence
- C3D1BC
≈ Budding Green
Analogo -30° +30°
- D4C6DB
Prudence
- C9CAE1
≈ Periwinkle Powder
- DCC4D1
≈ Scented Soap
Triadico +120° +240°
- D4C6DB
Prudence
- D9C9B5
≈ Ivory Ridge
- B5D3D2
≈ Lakeside Find
Complementare divisa +150° +210°
- D4C6DB
Prudence
- CFCDB5
≈ Bright Sage
- B9D3C6
≈ Sage Bundle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.89:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.89:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--prudence: #d4c6db;
--prudence-rgb: 212 198 219;
--prudence-oklch: oklch(0.844 0.033 314.6);
}
.element {
color: var(--prudence);
background-color: hsl(280 23% 82%);
border-color: oklch(0.844 0.033 314.6);
}Tailwind CSS v4
@theme {
--color-prudence: #d4c6db;
--color-prudence-50: #f9f2fb;
--color-prudence-100: #ece5ef;
--color-prudence-200: #dad0de;
--color-prudence-300: #beb3c3;
--color-prudence-400: #a699ac;
--color-prudence-500: #8e8095;
--color-prudence-600: #786c7e;
--color-prudence-700: #605765;
--color-prudence-800: #463f4b;
--color-prudence-900: #312c34;
--color-prudence-950: #1d191f;
}SCSS
$prudence: #d4c6db;
$prudence-rgb: 212, 198, 219;
$prudence-light: mix(#fff, $prudence, 20%);
$prudence-dark: mix(#000, $prudence, 20%);
.element {
color: $prudence;
box-shadow: 0 0 0 2px rgba($prudence, 0.35);
}