Màu có tên · #D0C8A9
Desert Cover
Desert Cover là #D0C8A9: rgb(208 200 169), hsl(48 29% 74%), oklch(0.831 0.043 95.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Desert Cover color name →
#D0C8A9
oklch(0.831 0.043 95.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D5CDB1
- D9D3BA
- DED8C3
- E3DECB
- E7E3D4
- ECE9DC
- F1EEE5
- F5F4EE
- FAF9F6
Sắc đậm
- B5AE92
- 9A947C
- 807B67
- 676353
- 4F4C3F
- 39362C
- 23211B
- 100F0A
- 020201
Sắc xám
- C8C1A5
- BFB9A1
- B7B29D
- AFAB99
- A7A395
- 9F9C90
- 97958C
- 8F8E88
- 888784
Hòa sắc
Bổ túc +180°
- D0C8A9
Desert Cover
- BFC6E4
≈ California Lilac
Tương đồng -30° +30°
- D0C8A9
Desert Cover
- DCC3AB
≈ Sienna Dust
- C1CDAF
≈ Growing Season
Bộ ba +120° +240°
- D0C8A9
Desert Cover
- A9CFD9
≈ Hisoku Blue
- DABED3
≈ Lovely Pink
Bổ túc chia +150° +210°
- D0C8A9
Desert Cover
- B1CBE2
≈ Charted
- CEC1DF
≈ Fresh Heather
Bộ bốn +90° +180° +270°
- D0C8A9
Desert Cover
- AAD1CB
≈ Cassiopeia
- BFC6E4
≈ California Lilac
- E1BDC4
≈ Ice Hot Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.67:1 · APCA Lc 30
Ag
AAATrên nền đen
WCAG 12.51:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
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);
}