Named color · #677276
Rain Shadow
Rain Shadow is #677276: rgb(103 114 118), hsl(196 7% 43%), oklch(0.544 0.015 221.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Rain Shadow color name →
#677276
oklch(0.544 0.015 221.6)
Color conversions
- HEX
- #677276
- RGB
- rgb(103 114 118)
- HSL
- hsl(196 7% 43%)
- HWB
- hwb(196 40% 54%)
- OKLCH
- oklch(0.544 0.015 221.6)
- OKLab
- oklab(0.544 -0.011 -0.01)
- CIE Lab
- lab(47.21 -3.62 -3.71)
- LCH
- lch(47.21 5.18 225.7)
- CMYK
- cmyk(13% 3% 0% 54%)
Tints · Shades · Tones
Tints
- 757F83
- 838C90
- 929A9D
- A1A8AA
- B0B6B8
- BFC4C6
- CFD3D4
- DFE1E2
- EFF0F0
Shades
- 596266
- 4B5356
- 3D4447
- 303638
- 232829
- 171B1C
- 0C0E0F
- 040405
- 000101
Tones
- 697377
- 6C7578
- 6E7679
- 71787A
- 73797B
- 767A7C
- 787C7D
- 7B7D7E
- 7D7F7F
Color harmonies
Complementary +180°
- 677276
Rain Shadow
- 786D69
≈ Abandoned Playground
Analogous -30° +30°
- 677276
Rain Shadow
- 677372
≈ Stairway to Heaven
- 6A7178
≈ Draw Your Sword
Triadic +120° +240°
- 677276
Rain Shadow
- 766D72
≈ Pineal Pink
- 717067
≈ Brandenburg Gate
Split-complementary +150° +210°
- 677276
Rain Shadow
- 786D6E
≈ Grapy
- 756F67
≈ Artillery
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.94:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.24:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--rain-shadow: #677276;
--rain-shadow-rgb: 103 114 118;
--rain-shadow-oklch: oklch(0.544 0.015 221.6);
}
.element {
color: var(--rain-shadow);
background-color: hsl(196 7% 43%);
border-color: oklch(0.544 0.015 221.6);
}Tailwind CSS v4
@theme {
--color-rain-shadow: #677276;
--color-rain-shadow-50: #f1f6f8;
--color-rain-shadow-100: #e3e9eb;
--color-rain-shadow-200: #ced6d9;
--color-rain-shadow-300: #b0b9bd;
--color-rain-shadow-400: #95a1a5;
--color-rain-shadow-500: #7c898d;
--color-rain-shadow-600: #697477;
--color-rain-shadow-700: #545c60;
--color-rain-shadow-800: #3d4446;
--color-rain-shadow-900: #2a2f30;
--color-rain-shadow-950: #181b1d;
}SCSS
$rain-shadow: #677276;
$rain-shadow-rgb: 103, 114, 118;
$rain-shadow-light: mix(#fff, $rain-shadow, 20%);
$rain-shadow-dark: mix(#000, $rain-shadow, 20%);
.element {
color: $rain-shadow;
box-shadow: 0 0 0 2px rgba($rain-shadow, 0.35);
}