이름 색상 · #C8B6A6
Dust Bunny
Dust Bunny은(는) #C8B6A6: rgb(200 182 166), hsl(28 24% 72%), oklch(0.787 0.03 64). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dust Bunny color name →
#C8B6A6
oklch(0.787 0.03 64)
색상 변환
- HEX
- #c8b6a6
- RGB
- rgb(200 182 166)
- HSL
- hsl(28 24% 72%)
- HWB
- hwb(28 65% 22%)
- OKLCH
- oklch(0.787 0.03 64)
- OKLab
- oklab(0.787 0.013 0.027)
- CIE Lab
- lab(75.26 4.69 10.63)
- LCH
- lch(75.26 11.62 66.2)
- CMYK
- cmyk(0% 9% 17% 22%)
틴트 · 셰이드 · 톤
틴트
- CDBDAF
- D3C4B7
- D8CBC0
- DED3C9
- E3DAD2
- E9E1DB
- EEE9E4
- F4F0ED
- F9F8F6
셰이드
- AE9E90
- 94867A
- 7B6F65
- 635951
- 4C443E
- 36302B
- 211D1A
- 0F0C0A
- 020201
톤
- C1B0A2
- B9AB9E
- B2A59B
- ABA097
- A39B93
- 9C958F
- 95908B
- 8E8B88
- 878584
색 조화
보색 +180°
- C8B6A6
Dust Bunny
- AABCCC
≈ Glacier Mist
유사색 -30° +30°
- C8B6A6
Dust Bunny
- CCB3AD
≈ Plymouth Notch
- C0BAA4
≈ Soft Putty
삼각 배색 +120° +240°
- C8B6A6
Dust Bunny
- A5C0BC
≈ Harbour Grey
- BEB5CA
≈ Decency
분열 보색 +150° +210°
- C8B6A6
Dust Bunny
- A5BFC6
≈ Clear Vista
- B3B9CE
≈ Ethereal Mist
사각 배색 +90° +180° +270°
- C8B6A6
Dust Bunny
- ABC0B1
≈ Kind Green
- AABCCC
≈ Glacier Mist
- C6B3C2
≈ Pink Bravado
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.96:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.69:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--dust-bunny: #c8b6a6;
--dust-bunny-rgb: 200 182 166;
--dust-bunny-oklch: oklch(0.787 0.03 64);
}
.element {
color: var(--dust-bunny);
background-color: hsl(28 24% 72%);
border-color: oklch(0.787 0.03 64);
}Tailwind CSS v4
@theme {
--color-dust-bunny: #c8b6a6;
--color-dust-bunny-50: #fbf4ec;
--color-dust-bunny-100: #efe6de;
--color-dust-bunny-200: #ded2c7;
--color-dust-bunny-300: #c3b5a8;
--color-dust-bunny-400: #ac9b8c;
--color-dust-bunny-500: #958272;
--color-dust-bunny-600: #7e6e60;
--color-dust-bunny-700: #65584d;
--color-dust-bunny-800: #4a4038;
--color-dust-bunny-900: #342c26;
--color-dust-bunny-950: #1f1915;
}SCSS
$dust-bunny: #c8b6a6;
$dust-bunny-rgb: 200, 182, 166;
$dust-bunny-light: mix(#fff, $dust-bunny, 20%);
$dust-bunny-dark: mix(#000, $dust-bunny, 20%);
.element {
color: $dust-bunny;
box-shadow: 0 0 0 2px rgba($dust-bunny, 0.35);
}