Colore con nome · #DAD5C7
Hog’s Pudding
Hog’s Pudding è #DAD5C7: rgb(218 213 199), hsl(44 20% 82%), oklch(0.873 0.02 90.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hog’s Pudding color name →
#DAD5C7
oklch(0.873 0.02 90.6)
Conversioni di colore
- HEX
- #dad5c7
- RGB
- rgb(218 213 199)
- HSL
- hsl(44 20% 82%)
- HWB
- hwb(44 78% 15%)
- OKLCH
- oklch(0.873 0.02 90.6)
- OKLab
- oklab(0.873 0 0.02)
- CIE Lab
- lab(85.38 -0.01 7.59)
- LCH
- lch(85.38 7.59 90.1)
- CMYK
- cmyk(0% 2% 9% 15%)
Tinte · Ombre · Toni
Tinte
- DED9CD
- E1DDD2
- E5E1D8
- E9E6DD
- ECEAE3
- F0EEE8
- F4F2EE
- F8F7F4
- FBFBF9
Ombre
- BDB9AD
- A29E93
- 87837A
- 6C6A62
- 54514C
- 3C3A36
- 252421
- 11100E
- 020202
Toni
- D1CCC0
- C7C3B8
- BEBBB1
- B5B2AA
- ACAAA3
- A3A19C
- 9A9995
- 91908E
- 898887
Armonie di colore
Complementare +180°
- DAD5C7
Hog’s Pudding
- D0D5E3
≈ Morning Chill
Analogo -30° +30°
- DAD5C7
Hog’s Pudding
- DFD3C9
≈ Light Christobel
- D3D7C9
≈ Light Green Alabaster
Triadico +120° +240°
- DAD5C7
Hog’s Pudding
- C7D9DC
≈ Wan Blue
- DDD1DB
≈ Light Bassinet
Complementare divisa +150° +210°
- DAD5C7
Hog’s Pudding
- CAD7E1
≈ Blue Reflection
- D7D3E1
≈ Delicate Lilac Crystal
Tetradico +90° +180° +270°
- DAD5C7
Hog’s Pudding
- C8DAD6
≈ Cool Mint
- D0D5E3
≈ Morning Chill
- E1D0D4
≈ Santolina Blooms
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.32:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--hog-s-pudding: #dad5c7;
--hog-s-pudding-rgb: 218 213 199;
--hog-s-pudding-oklch: oklch(0.873 0.02 90.6);
}
.element {
color: var(--hog-s-pudding);
background-color: hsl(44 20% 82%);
border-color: oklch(0.873 0.02 90.6);
}Tailwind CSS v4
@theme {
--color-hog-s-pudding: #dad5c7;
--color-hog-s-pudding-50: #f7f5ef;
--color-hog-s-pudding-100: #eae8e1;
--color-hog-s-pudding-200: #d7d4cb;
--color-hog-s-pudding-300: #bbb7ac;
--color-hog-s-pudding-400: #a39e92;
--color-hog-s-pudding-500: #8b8678;
--color-hog-s-pudding-600: #767165;
--color-hog-s-pudding-700: #5e5b51;
--color-hog-s-pudding-800: #45423b;
--color-hog-s-pudding-900: #302e28;
--color-hog-s-pudding-950: #1c1a16;
}SCSS
$hog-s-pudding: #dad5c7;
$hog-s-pudding-rgb: 218, 213, 199;
$hog-s-pudding-light: mix(#fff, $hog-s-pudding, 20%);
$hog-s-pudding-dark: mix(#000, $hog-s-pudding, 20%);
.element {
color: $hog-s-pudding;
box-shadow: 0 0 0 2px rgba($hog-s-pudding, 0.35);
}