Named color · #005566
Rainy Morning
Rainy Morning is #005566: rgb(0 85 102), hsl(190 100% 20%), oklch(0.415 0.074 217.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Rainy Morning color name →
#005566
oklch(0.415 0.074 217.4)
Color conversions
- HEX
- #005566
- RGB
- rgb(0 85 102)
- HSL
- hsl(190 100% 20%)
- HWB
- hwb(190 0% 60%)
- OKLCH
- oklch(0.415 0.074 217.4)
- OKLab
- oklab(0.415 -0.059 -0.045)
- CIE Lab
- lab(32.52 -17.85 -16.53)
- LCH
- lch(32.52 24.32 222.8)
- CMYK
- cmyk(100% 17% 0% 60%)
Tints · Shades · Tones
Tints
- 286574
- 417583
- 598592
- 7096A1
- 87A7B0
- 9FB8BF
- B6C9CF
- CEDBDF
- E6EDEF
Shades
- 004958
- 003D4A
- 00313C
- 00262F
- 001C23
- 001117
- 00080C
- 000204
- 000000
Tones
- 1A5969
- 2A5E6B
- 37626E
- 426771
- 4D6B73
- 586F76
- 627378
- 6C787B
- 767C7E
Color harmonies
Complementary +180°
- 005566
Rainy Morning
- 6E3C2D
≈ Red Mane
Analogous -30° +30°
- 005566
Rainy Morning
- 005852
≈ Castleton Green
- 274F72
≈ Mykonos Reflection
Triadic +120° +240°
- 005566
Rainy Morning
- 653B5A
≈ Precious Jewels
- 574C14
≈ Scorzonera Brown
Split-complementary +150° +210°
- 005566
Rainy Morning
- 6D3944
≈ Ripening Grape
- 664319
≈ Otter Brown
Tetradic +90° +180° +270°
- 005566
Rainy Morning
- 56406B
≈ When Blue Met Red
- 6E3C2D
≈ Red Mane
- 405324
≈ Verdun Green
Contrast & accessibility
Ag
AAAOn white
WCAG 8.42:1 · APCA Lc 89
Ag
FailOn black
WCAG 2.49:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.42:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--rainy-morning: #005566;
--rainy-morning-rgb: 0 85 102;
--rainy-morning-oklch: oklch(0.415 0.074 217.4);
}
.element {
color: var(--rainy-morning);
background-color: hsl(190 100% 20%);
border-color: oklch(0.415 0.074 217.4);
}Tailwind CSS v4
@theme {
--color-rainy-morning: #005566;
--color-rainy-morning-50: #dffbff;
--color-rainy-morning-100: #ceeef9;
--color-rainy-morning-200: #b2dcea;
--color-rainy-morning-300: #8dc1d2;
--color-rainy-morning-400: #69aabb;
--color-rainy-morning-500: #4592a6;
--color-rainy-morning-600: #3b7c8d;
--color-rainy-morning-700: #2f6371;
--color-rainy-morning-800: #204953;
--color-rainy-morning-900: #15333a;
--color-rainy-morning-950: #061e24;
}SCSS
$rainy-morning: #005566;
$rainy-morning-rgb: 0, 85, 102;
$rainy-morning-light: mix(#fff, $rainy-morning, 20%);
$rainy-morning-dark: mix(#000, $rainy-morning, 20%);
.element {
color: $rainy-morning;
box-shadow: 0 0 0 2px rgba($rainy-morning, 0.35);
}