Nazwany kolor · #D0C4D3
Mecha Kitty
Mecha Kitty to #D0C4D3: rgb(208 196 211), hsl(288 15% 80%), oklch(0.835 0.024 319.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mecha Kitty color name →
#D0C4D3
oklch(0.835 0.024 319.5)
Konwersje koloru
- HEX
- #d0c4d3
- RGB
- rgb(208 196 211)
- HSL
- hsl(288 15% 80%)
- HWB
- hwb(288 77% 17%)
- OKLCH
- oklch(0.835 0.024 319.5)
- OKLab
- oklab(0.835 0.019 -0.016)
- CIE Lab
- lab(80.49 6.36 -5.93)
- LCH
- lch(80.49 8.7 317)
- CMYK
- cmyk(1% 7% 0% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5CAD7
- D9D0DC
- DED5E0
- E3DBE4
- E7E1E9
- ECE7ED
- F1EDF2
- F5F3F6
- FAF9FB
Odcienie ciemniejsze
- B5AAB7
- 9A919C
- 807882
- 676169
- 4F4A51
- 39353A
- 232124
- 100E10
- 020202
Tony
- C8BDCA
- BFB6C2
- B7AFB9
- AFA8B1
- A7A1A9
- 9F9BA0
- 979498
- 8F8D90
- 888788
Harmonie kolorów
Komplementarna +180°
- D0C4D3
Mecha Kitty
- C1CDBE
≈ Paris White
Analogowa -30° +30°
- D0C4D3
Mecha Kitty
- C8C6D8
≈ Amourette
- D6C3CB
≈ Old Mission Pink
Triada +120° +240°
- D0C4D3
Mecha Kitty
- D1C7B7
≈ Parisian Cashmere
- B7CECF
≈ Turquoise Grey
Komplementarna rozszczepiona +150° +210°
- D0C4D3
Mecha Kitty
- C9CAB9
≈ Sparkling Sage
- BACEC6
≈ Jet Stream
Tetrada +90° +180° +270°
- D0C4D3
Mecha Kitty
- D7C5BB
≈ Desert Rock
- C1CDBE
≈ Paris White
- B9CCD6
≈ Light Sea Breeze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.67:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.51:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--mecha-kitty: #d0c4d3;
--mecha-kitty-rgb: 208 196 211;
--mecha-kitty-oklch: oklch(0.835 0.024 319.5);
}
.element {
color: var(--mecha-kitty);
background-color: hsl(288 15% 80%);
border-color: oklch(0.835 0.024 319.5);
}Tailwind CSS v4
@theme {
--color-mecha-kitty: #d0c4d3;
--color-mecha-kitty-50: #f8f3f9;
--color-mecha-kitty-100: #ece5ed;
--color-mecha-kitty-200: #d9d1db;
--color-mecha-kitty-300: #bdb3bf;
--color-mecha-kitty-400: #a59aa8;
--color-mecha-kitty-500: #8e8191;
--color-mecha-kitty-600: #786d7a;
--color-mecha-kitty-700: #605762;
--color-mecha-kitty-800: #464048;
--color-mecha-kitty-900: #302c32;
--color-mecha-kitty-950: #1d191e;
}SCSS
$mecha-kitty: #d0c4d3;
$mecha-kitty-rgb: 208, 196, 211;
$mecha-kitty-light: mix(#fff, $mecha-kitty, 20%);
$mecha-kitty-dark: mix(#000, $mecha-kitty, 20%);
.element {
color: $mecha-kitty;
box-shadow: 0 0 0 2px rgba($mecha-kitty, 0.35);
}