이름 색상 · #D0C8A9
Desert Cover
Desert Cover은(는) #D0C8A9: rgb(208 200 169), hsl(48 29% 74%), oklch(0.831 0.043 95.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Desert Cover color name →
#D0C8A9
oklch(0.831 0.043 95.2)
색상 변환
- HEX
- #d0c8a9
- RGB
- rgb(208 200 169)
- HSL
- hsl(48 29% 74%)
- HWB
- hwb(48 66% 18%)
- OKLCH
- oklch(0.831 0.043 95.2)
- OKLab
- oklab(0.831 -0.004 0.043)
- CIE Lab
- lab(80.65 -0.88 16.63)
- LCH
- lch(80.65 16.65 93)
- CMYK
- cmyk(0% 4% 19% 18%)
틴트 · 셰이드 · 톤
틴트
- D5CDB1
- D9D3BA
- DED8C3
- E3DECB
- E7E3D4
- ECE9DC
- F1EEE5
- F5F4EE
- FAF9F6
셰이드
- B5AE92
- 9A947C
- 807B67
- 676353
- 4F4C3F
- 39362C
- 23211B
- 100F0A
- 020201
톤
- C8C1A5
- BFB9A1
- B7B29D
- AFAB99
- A7A395
- 9F9C90
- 97958C
- 8F8E88
- 888784
색 조화
보색 +180°
- D0C8A9
Desert Cover
- BFC6E4
≈ California Lilac
유사색 -30° +30°
- D0C8A9
Desert Cover
- DCC3AB
≈ Sienna Dust
- C1CDAF
≈ Growing Season
삼각 배색 +120° +240°
- D0C8A9
Desert Cover
- A9CFD9
≈ Hisoku Blue
- DABED3
≈ Lovely Pink
분열 보색 +150° +210°
- D0C8A9
Desert Cover
- B1CBE2
≈ Charted
- CEC1DF
≈ Fresh Heather
사각 배색 +90° +180° +270°
- D0C8A9
Desert Cover
- AAD1CB
≈ Cassiopeia
- BFC6E4
≈ California Lilac
- E1BDC4
≈ Ice Hot Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.67:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.51:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--desert-cover: #d0c8a9;
--desert-cover-rgb: 208 200 169;
--desert-cover-oklch: oklch(0.831 0.043 95.2);
}
.element {
color: var(--desert-cover);
background-color: hsl(48 29% 74%);
border-color: oklch(0.831 0.043 95.2);
}Tailwind CSS v4
@theme {
--color-desert-cover: #d0c8a9;
--color-desert-cover-50: #f8f5e8;
--color-desert-cover-100: #ece8d8;
--color-desert-cover-200: #d9d5c0;
--color-desert-cover-300: #bdb89f;
--color-desert-cover-400: #a69f82;
--color-desert-cover-500: #8f8666;
--color-desert-cover-600: #797257;
--color-desert-cover-700: #615b45;
--color-desert-cover-800: #474232;
--color-desert-cover-900: #312e22;
--color-desert-cover-950: #1d1a11;
}SCSS
$desert-cover: #d0c8a9;
$desert-cover-rgb: 208, 200, 169;
$desert-cover-light: mix(#fff, $desert-cover, 20%);
$desert-cover-dark: mix(#000, $desert-cover, 20%);
.element {
color: $desert-cover;
box-shadow: 0 0 0 2px rgba($desert-cover, 0.35);
}