#87CEEB
Sky Blue
Sky blue is a light, airy shade of blue that mirrors a clear daytime sky. It evokes feelings of peace, tranquility, and open space in design.
Sky Blue Color Values
HEX#87CEEB
RGB135, 206, 235
HSL197°, 71%, 73%
HSV197°, 43%, 92%
CMYK43%, 12%, 0%, 8%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #BECBED (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #AFBFEB (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #5DD7D7 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #C0C0C0 (~0.003% of population)
Sky Blue as Text Color
Sky Blue on White
1.7:1FAIL
Sky Blue on Light Gray
1.6:1FAIL
Sky Blue on Cream
1.6:1FAIL
Sky Blue on Dark
9.8:1AAA
Sky Blue on Black
12.1:1AAA
Sky Blue on Soft Blue
1.5:1FAIL
Sky Blue on Soft Green
1.5:1FAIL
Sky Blue on Soft Pink
1.4:1FAIL
Nearest Tailwind Class
blue-400
#60A5FA
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-sky-blue: #87CEEB;
--color-sky-blue-rgb: 135, 206, 235;
}Tailwind Config
// tailwind.config.js
colors: {
'sky-blue': '#87CEEB',
}Shades of Sky Blue
#89CFEB
#66C1E5
#43B3DF
#24A3D6
#1E89B3
#186B8C
#125069
#0C3546
#061B23
#000000
Tints of Sky Blue
#89CFEB
#96D5ED
#A3DAEF
#B1DFF2
#BEE5F4
#CBEAF6
#D8EFF8
#E5F4FB
#F2FAFD
#FFFFFF
Color Harmonies
Complementary
#87CEEB
#EBA589
Analogous
#89EBD6
#89CFEB
#899EEB
Triadic
#89CFEB
#EB89CF
#CFEB89
Sky Blue Text Preview
Heading in Sky Blue
Body text in Sky Blue. The quick brown fox jumps over the lazy dog.
White on Sky Blue
Body text on a Sky Blue background.
Sky Blue text on dark background
Contrast: 10.2:1