이름 색상 · #DBD0CA
Mushroom Risotto
Mushroom Risotto은(는) #DBD0CA: rgb(219 208 202), hsl(21 19% 83%), oklch(0.865 0.015 50.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mushroom Risotto color name →
#DBD0CA
oklch(0.865 0.015 50.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DFD5CF
- E2D9D4
- E6DEDA
- E9E3DF
- EDE7E4
- F1ECEA
- F4F1EF
- F8F5F4
- FBFAFA
셰이드
- BEB5AF
- A29A95
- 87807C
- 6D6764
- 544F4D
- 3C3937
- 262322
- 11100F
- 020202
톤
- D2C8C2
- C8BFBB
- BFB7B3
- B6AFAC
- ACA7A4
- A39F9D
- 9A9796
- 918F8E
- 898887
색 조화
보색 +180°
- DBD0CA
Mushroom Risotto
- C9D5DB
≈ Mild Blue
유사색 -30° +30°
- DBD0CA
Mushroom Risotto
- DCCFCE
≈ Light Hint of Lavender
- D8D2C8
≈ Winter in New York
삼각 배색 +120° +240°
- DBD0CA
Mushroom Risotto
- CAD6D1
≈ Blue Lullaby
- D2D1DC
≈ Frosted Lilac
분열 보색 +150° +210°
- DBD0CA
Mushroom Risotto
- C8D6D6
≈ Skydiving
- CDD3DD
≈ Gentle Blue
사각 배색 +90° +180° +270°
- DBD0CA
Mushroom Risotto
- CDD5CC
≈ Celadon Glaze
- C9D5DB
≈ Mild Blue
- D7D0D9
≈ Iron Maiden
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.88:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
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);
}