Named color · #DEDCE2
Mechagodzilla
Mechagodzilla is #DEDCE2: rgb(222 220 226), hsl(260 9% 87%), oklch(0.898 0.008 301.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Mechagodzilla color name →
#DEDCE2
oklch(0.898 0.008 301.3)
Color conversions
- HEX
- #dedce2
- RGB
- rgb(222 220 226)
- HSL
- hsl(260 9% 87%)
- HWB
- hwb(260 86% 11%)
- OKLCH
- oklch(0.898 0.008 301.3)
- OKLab
- oklab(0.898 0.004 -0.007)
- CIE Lab
- lab(88.05 1.51 -2.7)
- LCH
- lch(88.05 3.09 299.3)
- CMYK
- cmyk(2% 3% 0% 11%)
Tints · Shades · Tones
Tints
- E1DFE5
- E5E3E8
- E8E6EB
- EBEAEE
- EEEDF0
- F2F1F3
- F5F4F6
- F8F8F9
- FCFBFC
Shades
- C1BFC4
- A5A3A8
- 89888C
- 6F6E71
- 555457
- 3D3C3E
- 262627
- 121112
- 020203
Tones
- D4D2D8
- CAC9CE
- C1BFC4
- B7B6BA
- AEADB0
- A4A4A6
- 9B9B9C
- 929293
- 898989
Color harmonies
Complementary +180°
- DEDCE2
Mechagodzilla
- DCDED8
≈ Fleur de Sel
Analogous -30° +30°
- DEDCE2
Mechagodzilla
- DBDDE3
≈ Rare Orchid
- E1DBE0
≈ Puffball Vapour
Triadic +120° +240°
- DEDCE2
Mechagodzilla
- E2DCD8
≈ Marble Quarry
- D8DFDD
≈ Echo Mist
Split-complementary +150° +210°
- DEDCE2
Mechagodzilla
- DFDDD7
≈ Sea Fog
- D9DFDA
≈ Rapier Silver
Tetradic +90° +180° +270°
- DEDCE2
Mechagodzilla
- E3DBDA
≈ Ghostwaver
- DCDED8
≈ Fleur de Sel
- D7DFE0
≈ Echo Mist
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.44:1 · APCA Lc 86
Best text color: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--mechagodzilla: #dedce2;
--mechagodzilla-rgb: 222 220 226;
--mechagodzilla-oklch: oklch(0.898 0.008 301.3);
}
.element {
color: var(--mechagodzilla);
background-color: hsl(260 9% 87%);
border-color: oklch(0.898 0.008 301.3);
}Tailwind CSS v4
@theme {
--color-mechagodzilla: #dedce2;
--color-mechagodzilla-50: #f5f4f7;
--color-mechagodzilla-100: #e8e7ea;
--color-mechagodzilla-200: #d5d3d7;
--color-mechagodzilla-300: #b8b6bb;
--color-mechagodzilla-400: #9f9da3;
--color-mechagodzilla-500: #87858b;
--color-mechagodzilla-600: #727076;
--color-mechagodzilla-700: #5b5a5e;
--color-mechagodzilla-800: #434245;
--color-mechagodzilla-900: #2e2d30;
--color-mechagodzilla-950: #1b1a1c;
}SCSS
$mechagodzilla: #dedce2;
$mechagodzilla-rgb: 222, 220, 226;
$mechagodzilla-light: mix(#fff, $mechagodzilla, 20%);
$mechagodzilla-dark: mix(#000, $mechagodzilla, 20%);
.element {
color: $mechagodzilla;
box-shadow: 0 0 0 2px rgba($mechagodzilla, 0.35);
}