Colore con nome · #D4CCC3
Popular Beige
Popular Beige è #D4CCC3: rgb(212 204 195), hsl(32 17% 80%), oklch(0.849 0.015 70.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Popular Beige color name →
#D4CCC3
oklch(0.849 0.015 70.9)
Conversioni di colore
- HEX
- #d4ccc3
- RGB
- rgb(212 204 195)
- HSL
- hsl(32 17% 80%)
- HWB
- hwb(32 76% 17%)
- OKLCH
- oklch(0.849 0.015 70.9)
- OKLab
- oklab(0.849 0.005 0.014)
- CIE Lab
- lab(82.51 1.71 5.54)
- LCH
- lch(82.51 5.8 72.8)
- CMYK
- cmyk(0% 4% 8% 17%)
Tinte · Ombre · Toni
Tinte
- D8D1C9
- DCD6CF
- E1DBD5
- E5E0DB
- E9E5E1
- EEEAE7
- F2EFED
- F6F5F3
- FBFAF9
Ombre
- B8B1A9
- 9D9790
- 837E78
- 696560
- 514E4A
- 3A3734
- 242220
- 100F0E
- 020202
Toni
- CBC4BC
- C3BCB5
- BAB5AE
- B1ADA8
- A9A5A1
- A19E9A
- 989694
- 908F8D
- 888786
Armonie di colore
Complementare +180°
- D4CCC3
Popular Beige
- C6CED7
≈ Nefarious Blue
Analogo -30° +30°
- D4CCC3
Popular Beige
- D7CAC6
≈ Orchid Blush
- CFCEC3
≈ Pastel Grey
Triadico +120° +240°
- D4CCC3
Popular Beige
- C3D1D0
≈ Winter Garden
- D1CBD5
≈ Diaphanous
Complementare divisa +150° +210°
- D4CCC3
Popular Beige
- C3D0D4
≈ Catalyst Grey
- CBCDD8
≈ Post Apocalyptic Cloud
Tetradico +90° +180° +270°
- D4CCC3
Popular Beige
- C5D1CA
≈ Infusion
- C6CED7
≈ Nefarious Blue
- D5CAD0
≈ Grey Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.22:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--popular-beige: #d4ccc3;
--popular-beige-rgb: 212 204 195;
--popular-beige-oklch: oklch(0.849 0.015 70.9);
}
.element {
color: var(--popular-beige);
background-color: hsl(32 17% 80%);
border-color: oklch(0.849 0.015 70.9);
}Tailwind CSS v4
@theme {
--color-popular-beige: #d4ccc3;
--color-popular-beige-50: #f8f4f0;
--color-popular-beige-100: #ebe7e2;
--color-popular-beige-200: #d8d3cd;
--color-popular-beige-300: #bcb6af;
--color-popular-beige-400: #a49d95;
--color-popular-beige-500: #8d857b;
--color-popular-beige-600: #777069;
--color-popular-beige-700: #5f5a54;
--color-popular-beige-800: #46413d;
--color-popular-beige-900: #302d2a;
--color-popular-beige-950: #1d1a17;
}SCSS
$popular-beige: #d4ccc3;
$popular-beige-rgb: 212, 204, 195;
$popular-beige-light: mix(#fff, $popular-beige, 20%);
$popular-beige-dark: mix(#000, $popular-beige, 20%);
.element {
color: $popular-beige;
box-shadow: 0 0 0 2px rgba($popular-beige, 0.35);
}