Named color · #4B7079
Winter Storm
Winter Storm is #4B7079: rgb(75 112 121), hsl(192 23% 38%), oklch(0.521 0.044 214.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Winter Storm color name →
#4B7079
oklch(0.521 0.044 214.6)
Color conversions
- HEX
- #4b7079
- RGB
- rgb(75 112 121)
- HSL
- hsl(192 23% 38%)
- HWB
- hwb(192 29% 53%)
- OKLCH
- oklch(0.521 0.044 214.6)
- OKLab
- oklab(0.521 -0.036 -0.025)
- CIE Lab
- lab(44.72 -11.77 -9.43)
- LCH
- lch(44.72 15.08 218.7)
- CMYK
- cmyk(38% 7% 0% 53%)
Tints · Shades · Tones
Tints
- 5C7D86
- 6D8B92
- 7F999F
- 90A7AD
- A2B5BA
- B4C4C7
- C7D2D5
- D9E1E3
- ECF0F1
Shades
- 406068
- 355158
- 2B4348
- 213539
- 17272B
- 0E1A1D
- 060E10
- 020405
- 000101
Tones
- 51727A
- 56737A
- 5C757B
- 61777C
- 66787D
- 6C7A7D
- 717B7E
- 767D7F
- 7B7E7F
Color harmonies
Complementary +180°
- 4B7079
Winter Storm
- 816058
≈ Hot Cocoa
Analogous -30° +30°
- 4B7079
Winter Storm
- 4C726C
≈ Smoky Emerald
- 546C81
≈ Oceanic
Triadic +120° +240°
- 4B7079
Winter Storm
- 7A6074
≈ Chicha Morada
- 71694C
≈ Olive Grove
Split-complementary +150° +210°
- 4B7079
Winter Storm
- 805F66
≈ Celine
- 7B644E
≈ Fig Branches
Tetradic +90° +180° +270°
- 4B7079
Winter Storm
- 6F637E
≈ Victorian Iris
- 816058
≈ Hot Cocoa
- 636E52
≈ Sea Fern
Contrast & accessibility
Ag
AAOn white
WCAG 5.39:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.89:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--winter-storm: #4b7079;
--winter-storm-rgb: 75 112 121;
--winter-storm-oklch: oklch(0.521 0.044 214.6);
}
.element {
color: var(--winter-storm);
background-color: hsl(192 23% 38%);
border-color: oklch(0.521 0.044 214.6);
}Tailwind CSS v4
@theme {
--color-winter-storm: #4b7079;
--color-winter-storm-50: #e8f9fd;
--color-winter-storm-100: #d8ecf1;
--color-winter-storm-200: #c0d9e1;
--color-winter-storm-300: #9fbec6;
--color-winter-storm-400: #81a6af;
--color-winter-storm-500: #648e98;
--color-winter-storm-600: #557881;
--color-winter-storm-700: #446067;
--color-winter-storm-800: #30474b;
--color-winter-storm-900: #213134;
--color-winter-storm-950: #101d20;
}SCSS
$winter-storm: #4b7079;
$winter-storm-rgb: 75, 112, 121;
$winter-storm-light: mix(#fff, $winter-storm, 20%);
$winter-storm-dark: mix(#000, $winter-storm, 20%);
.element {
color: $winter-storm;
box-shadow: 0 0 0 2px rgba($winter-storm, 0.35);
}