Nazwany kolor · #D5D1C3
Clay Beige
Clay Beige to #D5D1C3: rgb(213 209 195), hsl(47 18% 80%), oklch(0.86 0.019 93.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Clay Beige color name →
#D5D1C3
oklch(0.86 0.019 93.7)
Konwersje koloru
- HEX
- #d5d1c3
- RGB
- rgb(213 209 195)
- HSL
- hsl(47 18% 80%)
- HWB
- hwb(47 76% 16%)
- OKLCH
- oklch(0.86 0.019 93.7)
- OKLab
- oklab(0.86 -0.001 0.019)
- CIE Lab
- lab(83.87 -0.38 7.48)
- LCH
- lch(83.87 7.49 92.9)
- CMYK
- cmyk(0% 2% 8% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9D6C9
- DDDACF
- E1DFD5
- E6E3DB
- EAE8E1
- EEECE7
- F2F1ED
- F6F6F3
- FBFAF9
Odcienie ciemniejsze
- B9B5A9
- 9E9B90
- 838178
- 6A6860
- 51504A
- 3A3934
- 242320
- 10100E
- 020202
Tony
- CCC9BC
- C3C0B5
- BBB8AE
- B2B0A8
- AAA8A1
- A1A09A
- 999894
- 90908D
- 888886
Harmonie kolorów
Komplementarna +180°
- D5D1C3
Clay Beige
- CDD0DE
≈ Multnomah Falls
Analogowa -30° +30°
- D5D1C3
Clay Beige
- DBCFC4
≈ Romantic White
- CED3C6
≈ Quiet Mint
Triada +120° +240°
- D5D1C3
Clay Beige
- C3D5D9
≈ Cloudy Sky
- D9CCD6
≈ Purple Cream
Komplementarna rozszczepiona +150° +210°
- D5D1C3
Clay Beige
- C7D3DD
≈ Velvet Sky
- D3CEDC
≈ Lavender Haze
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.73:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.73:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--clay-beige: #d5d1c3;
--clay-beige-rgb: 213 209 195;
--clay-beige-oklch: oklch(0.86 0.019 93.7);
}
.element {
color: var(--clay-beige);
background-color: hsl(47 18% 80%);
border-color: oklch(0.86 0.019 93.7);
}Tailwind CSS v4
@theme {
--color-clay-beige: #d5d1c3;
--color-clay-beige-50: #f7f5ef;
--color-clay-beige-100: #eae8e1;
--color-clay-beige-200: #d6d4cb;
--color-clay-beige-300: #bab7ac;
--color-clay-beige-400: #a29e92;
--color-clay-beige-500: #8a8678;
--color-clay-beige-600: #757266;
--color-clay-beige-700: #5e5b51;
--color-clay-beige-800: #45423b;
--color-clay-beige-900: #2f2e28;
--color-clay-beige-950: #1c1b16;
}SCSS
$clay-beige: #d5d1c3;
$clay-beige-rgb: 213, 209, 195;
$clay-beige-light: mix(#fff, $clay-beige, 20%);
$clay-beige-dark: mix(#000, $clay-beige, 20%);
.element {
color: $clay-beige;
box-shadow: 0 0 0 2px rgba($clay-beige, 0.35);
}