Adlandırılmış renk · #C8B6A6
Dust Bunny
Dust Bunny, #C8B6A6: rgb(200 182 166), hsl(28 24% 72%), oklch(0.787 0.03 64). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dust Bunny color name →
#C8B6A6
oklch(0.787 0.03 64)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDBDAF
- D3C4B7
- D8CBC0
- DED3C9
- E3DAD2
- E9E1DB
- EEE9E4
- F4F0ED
- F9F8F6
Koyu tonlar
- AE9E90
- 94867A
- 7B6F65
- 635951
- 4C443E
- 36302B
- 211D1A
- 0F0C0A
- 020201
Gri tonlar
- C1B0A2
- B9AB9E
- B2A59B
- ABA097
- A39B93
- 9C958F
- 95908B
- 8E8B88
- 878584
Renk uyumları
Tamamlayıcı +180°
- C8B6A6
Dust Bunny
- AABCCC
≈ Glacier Mist
Analog -30° +30°
- C8B6A6
Dust Bunny
- CCB3AD
≈ Plymouth Notch
- C0BAA4
≈ Soft Putty
Üçlü +120° +240°
- C8B6A6
Dust Bunny
- A5C0BC
≈ Harbour Grey
- BEB5CA
≈ Decency
Bölünmüş tamamlayıcı +150° +210°
- C8B6A6
Dust Bunny
- A5BFC6
≈ Clear Vista
- B3B9CE
≈ Ethereal Mist
Dörtlü +90° +180° +270°
- C8B6A6
Dust Bunny
- ABC0B1
≈ Kind Green
- AABCCC
≈ Glacier Mist
- C6B3C2
≈ Pink Bravado
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.69:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
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);
}