Colore con nome · #D5CDB4
Ecru Wealth
Ecru Wealth è #D5CDB4: rgb(213 205 180), hsl(45 28% 77%), oklch(0.848 0.035 92.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ecru Wealth color name →
#D5CDB4
oklch(0.848 0.035 92.3)
Conversioni di colore
- HEX
- #d5cdb4
- RGB
- rgb(213 205 180)
- HSL
- hsl(45 28% 77%)
- HWB
- hwb(45 71% 16%)
- OKLCH
- oklch(0.848 0.035 92.3)
- OKLab
- oklab(0.848 -0.001 0.035)
- CIE Lab
- lab(82.56 -0.21 13.55)
- LCH
- lch(82.56 13.55 90.9)
- CMYK
- cmyk(0% 4% 15% 16%)
Tinte · Ombre · Toni
Tinte
- D9D2BB
- DDD7C3
- E1DCCA
- E6E1D2
- EAE6D9
- EEEBE1
- F2F0E8
- F6F5F0
- FBFAF7
Ombre
- B9B29C
- 9E9885
- 837E6E
- 6A6658
- 514E44
- 3A3830
- 24231D
- 100F0C
- 020202
Toni
- CCC5AF
- C3BDA9
- BBB5A4
- B2AD9F
- AAA69A
- A19E95
- 99968F
- 908F8A
- 888785
Armonie di colore
Complementare +180°
- D5CDB4
Ecru Wealth
- C5CCE5
≈ Periwinkle Grey
Analogo -30° +30°
- D5CDB4
Ecru Wealth
- DEC9B6
≈ Loft Light
- C9D1B8
≈ Sweet Surrender
Triadico +120° +240°
- D5CDB4
Ecru Wealth
- B4D4DB
≈ Blue Glow
- DCC5D7
≈ Blissful
Complementare divisa +150° +210°
- D5CDB4
Ecru Wealth
- BAD1E2
≈ Chapel Choir
- D1C8E1
≈ Lavender Water
Tetradico +90° +180° +270°
- D5CDB4
Ecru Wealth
- B5D5CF
≈ Gemini
- C5CCE5
≈ Periwinkle Grey
- E2C4CB
≈ Pink Pandora
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 {
--ecru-wealth: #d5cdb4;
--ecru-wealth-rgb: 213 205 180;
--ecru-wealth-oklch: oklch(0.848 0.035 92.3);
}
.element {
color: var(--ecru-wealth);
background-color: hsl(45 28% 77%);
border-color: oklch(0.848 0.035 92.3);
}Tailwind CSS v4
@theme {
--color-ecru-wealth: #d5cdb4;
--color-ecru-wealth-50: #f8f5ea;
--color-ecru-wealth-100: #ebe8db;
--color-ecru-wealth-200: #d9d4c4;
--color-ecru-wealth-300: #bdb7a4;
--color-ecru-wealth-400: #a69e88;
--color-ecru-wealth-500: #8e866c;
--color-ecru-wealth-600: #78715c;
--color-ecru-wealth-700: #605b49;
--color-ecru-wealth-800: #474235;
--color-ecru-wealth-900: #312e24;
--color-ecru-wealth-950: #1d1a13;
}SCSS
$ecru-wealth: #d5cdb4;
$ecru-wealth-rgb: 213, 205, 180;
$ecru-wealth-light: mix(#fff, $ecru-wealth, 20%);
$ecru-wealth-dark: mix(#000, $ecru-wealth, 20%);
.element {
color: $ecru-wealth;
box-shadow: 0 0 0 2px rgba($ecru-wealth, 0.35);
}