이름 색상 · #D5D1C3
Clay Beige
Clay Beige은(는) #D5D1C3: rgb(213 209 195), hsl(47 18% 80%), oklch(0.86 0.019 93.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Clay Beige color name →
#D5D1C3
oklch(0.86 0.019 93.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- D9D6C9
- DDDACF
- E1DFD5
- E6E3DB
- EAE8E1
- EEECE7
- F2F1ED
- F6F6F3
- FBFAF9
셰이드
- B9B5A9
- 9E9B90
- 838178
- 6A6860
- 51504A
- 3A3934
- 242320
- 10100E
- 020202
톤
- CCC9BC
- C3C0B5
- BBB8AE
- B2B0A8
- AAA8A1
- A1A09A
- 999894
- 90908D
- 888886
색 조화
보색 +180°
- D5D1C3
Clay Beige
- CDD0DE
≈ Multnomah Falls
유사색 -30° +30°
- D5D1C3
Clay Beige
- DBCFC4
≈ Romantic White
- CED3C6
≈ Quiet Mint
삼각 배색 +120° +240°
- D5D1C3
Clay Beige
- C3D5D9
≈ Cloudy Sky
- D9CCD6
≈ Purple Cream
분열 보색 +150° +210°
- D5D1C3
Clay Beige
- C7D3DD
≈ Velvet Sky
- D3CEDC
≈ Lavender Haze
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.73:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.73:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
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);
}