Adlandırılmış renk · #DBDBD4
Mr. Kitty
Mr. Kitty, #DBDBD4: rgb(219 219 212), hsl(60 9% 85%), oklch(0.889 0.009 106.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mr. Kitty color name →
#DBDBD4
oklch(0.889 0.009 106.6)
Renk dönüşümleri
- HEX
- #dbdbd4
- RGB
- rgb(219 219 212)
- HSL
- hsl(60 9% 85%)
- HWB
- hwb(60 83% 14%)
- OKLCH
- oklch(0.889 0.009 106.6)
- OKLab
- oklab(0.889 -0.003 0.009)
- CIE Lab
- lab(87.26 -0.92 3.45)
- LCH
- lch(87.26 3.57 105)
- CMYK
- cmyk(0% 0% 3% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFDFD8
- E2E2DC
- E6E6E1
- E9E9E5
- EDEDE9
- F0F0EE
- F4F4F2
- F8F8F6
- FBFBFB
Koyu tonlar
- BEBEB8
- A2A29D
- 878783
- 6D6D69
- 545451
- 3C3C3A
- 262624
- 111110
- 020202
Gri tonlar
- D2D2CB
- C8C8C3
- BFBFBA
- B6B6B1
- ACACA9
- A3A3A1
- 9A9A98
- 919190
- 898988
Renk uyumları
Tamamlayıcı +180°
- DBDBD4
Mr. Kitty
- DADAE1
≈ Muffled White
Analog -30° +30°
- DBDBD4
Mr. Kitty
- DEDAD4
≈ Simple White
- D8DCD6
≈ Light Grey
Üçlü +120° +240°
- DBDBD4
Mr. Kitty
- D4DCDF
≈ Pinwheel Geyser
- E0D8DC
≈ Pebble Beach
Bölünmüş tamamlayıcı +150° +210°
- DBDBD4
Mr. Kitty
- D7DBE1
≈ Grain of Salt
- DDD9DF
≈ Misty Lavender
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.39:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.09:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 15.09:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--mr-kitty: #dbdbd4;
--mr-kitty-rgb: 219 219 212;
--mr-kitty-oklch: oklch(0.889 0.009 106.6);
}
.element {
color: var(--mr-kitty);
background-color: hsl(60 9% 85%);
border-color: oklch(0.889 0.009 106.6);
}Tailwind CSS v4
@theme {
--color-mr-kitty: #dbdbd4;
--color-mr-kitty-50: #f5f5f2;
--color-mr-kitty-100: #e8e8e5;
--color-mr-kitty-200: #d4d4d0;
--color-mr-kitty-300: #b7b8b2;
--color-mr-kitty-400: #9f9f99;
--color-mr-kitty-500: #878780;
--color-mr-kitty-600: #72726c;
--color-mr-kitty-700: #5b5b56;
--color-mr-kitty-800: #43433f;
--color-mr-kitty-900: #2e2e2b;
--color-mr-kitty-950: #1b1b19;
}SCSS
$mr-kitty: #dbdbd4;
$mr-kitty-rgb: 219, 219, 212;
$mr-kitty-light: mix(#fff, $mr-kitty, 20%);
$mr-kitty-dark: mix(#000, $mr-kitty, 20%);
.element {
color: $mr-kitty;
box-shadow: 0 0 0 2px rgba($mr-kitty, 0.35);
}