Colore con nome · #DFD5C8
Casual Elegance
Casual Elegance è #DFD5C8: rgb(223 213 200), hsl(34 26% 83%), oklch(0.877 0.021 74.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Casual Elegance color name →
#DFD5C8
oklch(0.877 0.021 74.6)
Conversioni di colore
- HEX
- #dfd5c8
- RGB
- rgb(223 213 200)
- HSL
- hsl(34 26% 83%)
- HWB
- hwb(34 78% 13%)
- OKLCH
- oklch(0.877 0.021 74.6)
- OKLab
- oklab(0.877 0.006 0.02)
- CIE Lab
- lab(85.82 1.93 7.74)
- LCH
- lch(85.82 7.98 76)
- CMYK
- cmyk(0% 4% 10% 13%)
Tinte · Ombre · Toni
Tinte
- E2D9CD
- E5DDD3
- E9E1D8
- ECE6DE
- EFEAE3
- F2EEE9
- F5F2EE
- F9F7F4
- FCFBF9
Ombre
- C2B9AE
- A59E94
- 8A837B
- 6F6A63
- 56514C
- 3D3A36
- 272421
- 12100F
- 020202
Toni
- D5CCC1
- CBC3B9
- C2BBB2
- B8B2AB
- AEAAA3
- A5A19C
- 9B9995
- 92908E
- 898887
Armonie di colore
Complementare +180°
- DFD5C8
Casual Elegance
- CED8E5
≈ Monet Lily
Analogo -30° +30°
- DFD5C8
Casual Elegance
- E3D3CC
≈ Sugar Berry
- D8D8C8
≈ Silver Green
Triadico +120° +240°
- DFD5C8
Casual Elegance
- C8DBDB
≈ Whispering Blue
- DCD3E0
≈ Tricot Lilac White
Complementare divisa +150° +210°
- DFD5C8
Casual Elegance
- C9DAE1
≈ Vanilla Ice Smoke
- D5D5E4
≈ Light Gregorio Garden
Tetradico +90° +180° +270°
- DFD5C8
Casual Elegance
- CBDBD3
≈ Silicate Light Turquoise
- CED8E5
≈ Monet Lily
- E1D1DA
≈ Light Tip Toes
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.48:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--casual-elegance: #dfd5c8;
--casual-elegance-rgb: 223 213 200;
--casual-elegance-oklch: oklch(0.877 0.021 74.6);
}
.element {
color: var(--casual-elegance);
background-color: hsl(34 26% 83%);
border-color: oklch(0.877 0.021 74.6);
}Tailwind CSS v4
@theme {
--color-casual-elegance: #dfd5c8;
--color-casual-elegance-50: #f9f4ef;
--color-casual-elegance-100: #ece7e0;
--color-casual-elegance-200: #d9d3cb;
--color-casual-elegance-300: #beb6ac;
--color-casual-elegance-400: #a69d91;
--color-casual-elegance-500: #8f8477;
--color-casual-elegance-600: #797065;
--color-casual-elegance-700: #605a51;
--color-casual-elegance-800: #47413b;
--color-casual-elegance-900: #312d28;
--color-casual-elegance-950: #1d1a16;
}SCSS
$casual-elegance: #dfd5c8;
$casual-elegance-rgb: 223, 213, 200;
$casual-elegance-light: mix(#fff, $casual-elegance, 20%);
$casual-elegance-dark: mix(#000, $casual-elegance, 20%);
.element {
color: $casual-elegance;
box-shadow: 0 0 0 2px rgba($casual-elegance, 0.35);
}