Màu có tên · #DBD0CA
Mushroom Risotto
Mushroom Risotto là #DBD0CA: rgb(219 208 202), hsl(21 19% 83%), oklch(0.865 0.015 50.8). 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 Gray mean? → · Mushroom Risotto color name →
#DBD0CA
oklch(0.865 0.015 50.8)
Chuyển đổi màu
- HEX
- #dbd0ca
- RGB
- rgb(219 208 202)
- HSL
- hsl(21 19% 83%)
- HWB
- hwb(21 79% 14%)
- OKLCH
- oklch(0.865 0.015 50.8)
- OKLab
- oklab(0.865 0.009 0.011)
- CIE Lab
- lab(84.26 3.17 4.42)
- LCH
- lch(84.26 5.44 54.4)
- CMYK
- cmyk(0% 5% 8% 14%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFD5CF
- E2D9D4
- E6DEDA
- E9E3DF
- EDE7E4
- F1ECEA
- F4F1EF
- F8F5F4
- FBFAFA
Sắc đậm
- BEB5AF
- A29A95
- 87807C
- 6D6764
- 544F4D
- 3C3937
- 262322
- 11100F
- 020202
Sắc xám
- D2C8C2
- C8BFBB
- BFB7B3
- B6AFAC
- ACA7A4
- A39F9D
- 9A9796
- 918F8E
- 898887
Hòa sắc
Bổ túc +180°
- DBD0CA
Mushroom Risotto
- C9D5DB
≈ Mild Blue
Tương đồng -30° +30°
- DBD0CA
Mushroom Risotto
- DCCFCE
≈ Light Hint of Lavender
- D8D2C8
≈ Winter in New York
Bộ ba +120° +240°
- DBD0CA
Mushroom Risotto
- CAD6D1
≈ Blue Lullaby
- D2D1DC
≈ Frosted Lilac
Bổ túc chia +150° +210°
- DBD0CA
Mushroom Risotto
- C8D6D6
≈ Skydiving
- CDD3DD
≈ Gentle Blue
Bộ bốn +90° +180° +270°
- DBD0CA
Mushroom Risotto
- CDD5CC
≈ Celadon Glaze
- C9D5DB
≈ Mild Blue
- D7D0D9
≈ Iron Maiden
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.51:1 · APCA Lc 24
Ag
AAATrên nền đen
WCAG 13.88:1 · APCA Lc 79
Màu chữ tốt nhất: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
Đoạn mã
CSS
:root {
--mushroom-risotto: #dbd0ca;
--mushroom-risotto-rgb: 219 208 202;
--mushroom-risotto-oklch: oklch(0.865 0.015 50.8);
}
.element {
color: var(--mushroom-risotto);
background-color: hsl(21 19% 83%);
border-color: oklch(0.865 0.015 50.8);
}Tailwind CSS v4
@theme {
--color-mushroom-risotto: #dbd0ca;
--color-mushroom-risotto-50: #f9f4f1;
--color-mushroom-risotto-100: #ece7e3;
--color-mushroom-risotto-200: #dad3ce;
--color-mushroom-risotto-300: #beb5b1;
--color-mushroom-risotto-400: #a69c97;
--color-mushroom-risotto-500: #8f847e;
--color-mushroom-risotto-600: #796f6a;
--color-mushroom-risotto-700: #615955;
--color-mushroom-risotto-800: #47413e;
--color-mushroom-risotto-900: #312d2b;
--color-mushroom-risotto-950: #1d1a18;
}SCSS
$mushroom-risotto: #dbd0ca;
$mushroom-risotto-rgb: 219, 208, 202;
$mushroom-risotto-light: mix(#fff, $mushroom-risotto, 20%);
$mushroom-risotto-dark: mix(#000, $mushroom-risotto, 20%);
.element {
color: $mushroom-risotto;
box-shadow: 0 0 0 2px rgba($mushroom-risotto, 0.35);
}