Named color · #95AFDC
Blue Skies Today
Blue Skies Today is #95AFDC: rgb(149 175 220), hsl(218 50% 72%), oklch(0.751 0.071 261.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Blue Skies Today color name →
#95AFDC
oklch(0.751 0.071 261.3)
Color conversions
- HEX
- #95afdc
- RGB
- rgb(149 175 220)
- HSL
- hsl(218 50% 72%)
- HWB
- hwb(218 58% 14%)
- OKLCH
- oklch(0.751 0.071 261.3)
- OKLab
- oklab(0.751 -0.011 -0.071)
- CIE Lab
- lab(70.7 -1.27 -25.95)
- LCH
- lch(70.7 25.98 267.2)
- CMYK
- cmyk(32% 20% 0% 14%)
Tints · Shades · Tones
Tints
- 9FB7E0
- AABFE3
- B4C7E7
- BECFEB
- C9D7EE
- D4DFF2
- DEE7F5
- E9EFF8
- F4F7FC
Shades
- 8198BF
- 6D81A3
- 5A6B88
- 48566E
- 374154
- 262E3C
- 161C26
- 080B11
- 010102
Tones
- 93AAD3
- 91A6C9
- 8FA1C0
- 8D9CB7
- 8B97AD
- 8993A4
- 868E9B
- 848992
- 828589
Color harmonies
Complementary +180°
- 95AFDC
Blue Skies Today
- C5AA7A
≈ Cobbler
Analogous -30° +30°
- 95AFDC
Blue Skies Today
- 7FB7D4
≈ Harbour Sky
- AEA7D8
≈ Ariel’s Delight
Triadic +120° +240°
- 95AFDC
Blue Skies Today
- D89D9A
≈ Pink Pussycat
- 95BA90
≈ Tiki Monster
Split-complementary +150° +210°
- 95AFDC
Blue Skies Today
- D3A285
≈ Orange Maple
- AFB37E
≈ Weeping Willow
Tetradic +90° +180° +270°
- 95AFDC
Blue Skies Today
- D29CB3
≈ Quilted Heart
- C5AA7A
≈ Cobbler
- 7FBDA8
≈ Peppermint Bar
Contrast & accessibility
Ag
FailOn white
WCAG 2.22:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.44:1 · APCA Lc 58
Best text color: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--blue-skies-today: #95afdc;
--blue-skies-today-rgb: 149 175 220;
--blue-skies-today-oklch: oklch(0.751 0.071 261.3);
}
.element {
color: var(--blue-skies-today);
background-color: hsl(218 50% 72%);
border-color: oklch(0.751 0.071 261.3);
}Tailwind CSS v4
@theme {
--color-blue-skies-today: #95afdc;
--color-blue-skies-today-50: #ebf6ff;
--color-blue-skies-today-100: #dce8ff;
--color-blue-skies-today-200: #c5d5f4;
--color-blue-skies-today-300: #a5b8dd;
--color-blue-skies-today-400: #879fc9;
--color-blue-skies-today-500: #6c87b6;
--color-blue-skies-today-600: #5b729a;
--color-blue-skies-today-700: #495b7b;
--color-blue-skies-today-800: #33435b;
--color-blue-skies-today-900: #232e40;
--color-blue-skies-today-950: #121b29;
}SCSS
$blue-skies-today: #95afdc;
$blue-skies-today-rgb: 149, 175, 220;
$blue-skies-today-light: mix(#fff, $blue-skies-today, 20%);
$blue-skies-today-dark: mix(#000, $blue-skies-today, 20%);
.element {
color: $blue-skies-today;
box-shadow: 0 0 0 2px rgba($blue-skies-today, 0.35);
}