Nazwany kolor · #DFD5C8
Casual Elegance
Casual Elegance to #DFD5C8: rgb(223 213 200), hsl(34 26% 83%), oklch(0.877 0.021 74.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Casual Elegance color name →
#DFD5C8
oklch(0.877 0.021 74.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2D9CD
- E5DDD3
- E9E1D8
- ECE6DE
- EFEAE3
- F2EEE9
- F5F2EE
- F9F7F4
- FCFBF9
Odcienie ciemniejsze
- C2B9AE
- A59E94
- 8A837B
- 6F6A63
- 56514C
- 3D3A36
- 272421
- 12100F
- 020202
Tony
- D5CCC1
- CBC3B9
- C2BBB2
- B8B2AB
- AEAAA3
- A5A19C
- 9B9995
- 92908E
- 898887
Harmonie kolorów
Komplementarna +180°
- DFD5C8
Casual Elegance
- CED8E5
≈ Monet Lily
Analogowa -30° +30°
- DFD5C8
Casual Elegance
- E3D3CC
≈ Sugar Berry
- D8D8C8
≈ Silver Green
Triada +120° +240°
- DFD5C8
Casual Elegance
- C8DBDB
≈ Whispering Blue
- DCD3E0
≈ Tricot Lilac White
Komplementarna rozszczepiona +150° +210°
- DFD5C8
Casual Elegance
- C9DAE1
≈ Vanilla Ice Smoke
- D5D5E4
≈ Light Gregorio Garden
Tetrada +90° +180° +270°
- DFD5C8
Casual Elegance
- CBDBD3
≈ Silicate Light Turquoise
- CED8E5
≈ Monet Lily
- E1D1DA
≈ Light Tip Toes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.48:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}