Named color · #C5D5E9
Rain Song
Rain Song is #C5D5E9: rgb(197 213 233), hsl(213 45% 84%), oklch(0.867 0.033 254). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Rain Song color name →
#C5D5E9
oklch(0.867 0.033 254)
Color conversions
- HEX
- #c5d5e9
- RGB
- rgb(197 213 233)
- HSL
- hsl(213 45% 84%)
- HWB
- hwb(213 77% 9%)
- OKLCH
- oklch(0.867 0.033 254)
- OKLab
- oklab(0.867 -0.009 -0.031)
- CIE Lab
- lab(84.52 -2.56 -11.81)
- LCH
- lch(84.52 12.09 257.8)
- CMYK
- cmyk(15% 9% 0% 9%)
Tints · Shades · Tones
Tints
- CBD9EB
- D0DDED
- D6E2F0
- DCE6F2
- E2EAF4
- E8EEF6
- EDF2F8
- F3F7FB
- F9FBFD
Shades
- ABB9CB
- 929EAD
- 798390
- 616A74
- 4B515A
- 353A41
- 212429
- 0E1013
- 020203
Tones
- BECCDE
- B7C3D3
- B0BBC8
- A9B2BE
- A2AAB3
- 9BA1A9
- 94999E
- 8D9094
- 87888A
Color harmonies
Complementary +180°
- C5D5E9
Rain Song
- E1D1BC
≈ Clambake
Analogous -30° +30°
- C5D5E9
Rain Song
- BDD9E3
≈ Glacial Stream
- D0D1E9
≈ Artistic Violet
Triadic +120° +240°
- C5D5E9
Rain Song
- E8CBCD
≈ Mauve Morn
- CBD8C3
≈ Hawthorne
Split-complementary +150° +210°
- C5D5E9
Rain Song
- E7CDC2
≈ Quaint Peche
- D6D5BC
≈ Pale Cucumber
Tetradic +90° +180° +270°
- C5D5E9
Rain Song
- E4CBD9
≈ Naughty Marietta
- E1D1BC
≈ Clambake
- C1DBCE
≈ Clearly Aqua
Contrast & accessibility
Ag
FailOn white
WCAG 1.49:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.06:1 · APCA Lc 80
Best text color: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--rain-song: #c5d5e9;
--rain-song-rgb: 197 213 233;
--rain-song-oklch: oklch(0.867 0.033 254);
}
.element {
color: var(--rain-song);
background-color: hsl(213 45% 84%);
border-color: oklch(0.867 0.033 254);
}Tailwind CSS v4
@theme {
--color-rain-song: #c5d5e9;
--color-rain-song-50: #eff6ff;
--color-rain-song-100: #e1e9f3;
--color-rain-song-200: #cbd5e2;
--color-rain-song-300: #adb8c8;
--color-rain-song-400: #91a0b2;
--color-rain-song-500: #78889c;
--color-rain-song-600: #657384;
--color-rain-song-700: #515c6a;
--color-rain-song-800: #3a434e;
--color-rain-song-900: #282e36;
--color-rain-song-950: #161b21;
}SCSS
$rain-song: #c5d5e9;
$rain-song-rgb: 197, 213, 233;
$rain-song-light: mix(#fff, $rain-song, 20%);
$rain-song-dark: mix(#000, $rain-song, 20%);
.element {
color: $rain-song;
box-shadow: 0 0 0 2px rgba($rain-song, 0.35);
}