Named color · #444D56
Deepest Sea
Deepest Sea is #444D56: rgb(68 77 86), hsl(210 12% 30%), oklch(0.416 0.019 248.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Deepest Sea color name →
#444D56
oklch(0.416 0.019 248.3)
Color conversions
- HEX
- #444d56
- RGB
- rgb(68 77 86)
- HSL
- hsl(210 12% 30%)
- HWB
- hwb(210 27% 66%)
- OKLCH
- oklch(0.416 0.019 248.3)
- OKLab
- oklab(0.416 -0.007 -0.018)
- CIE Lab
- lab(32.19 -2.06 -6.62)
- LCH
- lch(32.19 6.93 252.7)
- CMYK
- cmyk(21% 10% 0% 66%)
Tints · Shades · Tones
Tints
- 555D65
- 666D75
- 787E85
- 8A9096
- 9CA1A7
- AFB3B8
- C3C6C9
- D6D9DB
- EBECED
Shades
- 3A424A
- 30373E
- 262C32
- 1D2227
- 14181C
- 0C0F12
- 050708
- 020202
- 000000
Tones
- 4A525A
- 50575E
- 555C62
- 5B6167
- 61666B
- 676B6F
- 6D7073
- 747577
- 7A7B7C
Color harmonies
Complementary +180°
- 444D56
Deepest Sea
- 534A41
≈ Brown Fox
Analogous -30° +30°
- 444D56
Deepest Sea
- 414F53
≈ Lunar Eclipse
- 494B56
≈ Downing Street
Triadic +120° +240°
- 444D56
Deepest Sea
- 56484A
≈ Chinotto
- 494E43
≈ Charcoal Smoke
Split-complementary +150° +210°
- 444D56
Deepest Sea
- 564944
≈ Havana Coffee
- 4E4C40
≈ Ruskin Bronze
Tetradic +90° +180° +270°
- 444D56
Deepest Sea
- 53484F
≈ Smoky Quartz
- 534A41
≈ Brown Fox
- 444F48
≈ Park Avenue
Contrast & accessibility
Ag
AAAOn white
WCAG 8.60:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.44:1 · APCA Lc 13
Best text color: #FFFFFF
WCAG 8.60:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--deepest-sea: #444d56;
--deepest-sea-rgb: 68 77 86;
--deepest-sea-oklch: oklch(0.416 0.019 248.3);
}
.element {
color: var(--deepest-sea);
background-color: hsl(210 12% 30%);
border-color: oklch(0.416 0.019 248.3);
}Tailwind CSS v4
@theme {
--color-deepest-sea: #444d56;
--color-deepest-sea-50: #f1f6fa;
--color-deepest-sea-100: #e3e8ee;
--color-deepest-sea-200: #ced5dc;
--color-deepest-sea-300: #b0b8c1;
--color-deepest-sea-400: #96a0a9;
--color-deepest-sea-500: #7d8893;
--color-deepest-sea-600: #6a737c;
--color-deepest-sea-700: #545c63;
--color-deepest-sea-800: #3d4349;
--color-deepest-sea-900: #2a2e32;
--color-deepest-sea-950: #181b1e;
}SCSS
$deepest-sea: #444d56;
$deepest-sea-rgb: 68, 77, 86;
$deepest-sea-light: mix(#fff, $deepest-sea, 20%);
$deepest-sea-dark: mix(#000, $deepest-sea, 20%);
.element {
color: $deepest-sea;
box-shadow: 0 0 0 2px rgba($deepest-sea, 0.35);
}