Named color · #2F596D
Quiet Storm
Quiet Storm is #2F596D: rgb(47 89 109), hsl(199 40% 31%), oklch(0.442 0.057 230.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Quiet Storm color name →
#2F596D
oklch(0.442 0.057 230.6)
Color conversions
- HEX
- #2f596d
- RGB
- rgb(47 89 109)
- HSL
- hsl(199 40% 31%)
- HWB
- hwb(199 18% 57%)
- OKLCH
- oklch(0.442 0.057 230.6)
- OKLab
- oklab(0.442 -0.036 -0.044)
- CIE Lab
- lab(35.44 -10.46 -16.28)
- LCH
- lch(35.44 19.35 237.3)
- CMYK
- cmyk(57% 18% 0% 57%)
Tints · Shades · Tones
Tints
- 43687B
- 577889
- 6B8897
- 7F98A5
- 94A9B4
- A8B9C3
- BECAD1
- D3DCE0
- E9EDF0
Shades
- 274C5E
- 20404F
- 193441
- 122833
- 0C1D26
- 061319
- 03090D
- 010304
- 000001
Tones
- 385D6F
- 416171
- 496573
- 516975
- 596D77
- 617179
- 69747B
- 70787C
- 787C7E
Color harmonies
Complementary +180°
- 2F596D
Quiet Storm
- 6D4A36
≈ Guitar
Analogous -30° +30°
- 2F596D
Quiet Storm
- 265D60
≈ Deep Sea Diver
- 415473
≈ Champlain Blue
Triadic +120° +240°
- 2F596D
Quiet Storm
- 6C4657
≈ Magos
- 555630
≈ Dark Rainforest
Split-complementary +150° +210°
- 2F596D
Quiet Storm
- 704646
≈ Hawaiian Cinder
- 64502D
≈ Jungle Beat
Tetradic +90° +180° +270°
- 2F596D
Quiet Storm
- 624967
≈ Bon Vivant
- 6D4A36
≈ Guitar
- 425B3D
≈ Horsetail
Contrast & accessibility
Ag
AAAOn white
WCAG 7.57:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.77:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--quiet-storm: #2f596d;
--quiet-storm-rgb: 47 89 109;
--quiet-storm-oklch: oklch(0.442 0.057 230.6);
}
.element {
color: var(--quiet-storm);
background-color: hsl(199 40% 31%);
border-color: oklch(0.442 0.057 230.6);
}Tailwind CSS v4
@theme {
--color-quiet-storm: #2f596d;
--color-quiet-storm-50: #e6f8ff;
--color-quiet-storm-100: #d6ecf8;
--color-quiet-storm-200: #bdd9e9;
--color-quiet-storm-300: #9bbdd0;
--color-quiet-storm-400: #7ca5ba;
--color-quiet-storm-500: #5e8ea5;
--color-quiet-storm-600: #50788c;
--color-quiet-storm-700: #3f6070;
--color-quiet-storm-800: #2d4652;
--color-quiet-storm-900: #1e3139;
--color-quiet-storm-950: #0e1d24;
}SCSS
$quiet-storm: #2f596d;
$quiet-storm-rgb: 47, 89, 109;
$quiet-storm-light: mix(#fff, $quiet-storm, 20%);
$quiet-storm-dark: mix(#000, $quiet-storm, 20%);
.element {
color: $quiet-storm;
box-shadow: 0 0 0 2px rgba($quiet-storm, 0.35);
}