Sky Blue#87CEEB

Sky Blue Hex Code: #87CEEB

Sky Blue is a light, moderately saturated blue. Its OKLCH lightness is 81% and chroma 0.082. Text on this color reads best in black (contrast 12.06:1).

HEX#87CEEB
RGBrgb(135, 206, 235)
HSLhsl(197, 71%, 73%)
HSV / HSBhsv(197, 43%, 92%)
CMYKcmyk(43%, 12%, 0%, 8%)
OKLCHoklch(81.5% 0.082 225.8)

Open in converter →

Contrast

White text1.74:1
AAAA largeAAA
Black text12.06:1
AAAA largeAAA
On white1.74:1
AAAA largeAAA
On black12.06:1
AAAA largeAAA

Tints

#92D2EDBaby Blue#9DD7EFLight Blue#A7DBF0Light Blue#B2E0F2Powder Blue#BDE4F4#C8E8F6#D3EDF8#DDF1F9#E8F6FBAlice Blue#F3FAFDAlice Blue

Shades

#7BBBD6#6FA9C1#6396AC#568496#4A7181Teal Blue#3E5F6C#324C57Dark Slate Gray#263A42Gunmetal Gray#1A272D#0E1518

Matching colors

Complementary

#87CEEBSky Blue#EBA487

Analogous

#87CEEBSky Blue#87EBD6#879CEB

Triadic

#87CEEBSky Blue#EB87CE#CEEB87

Split complementary

#87CEEBSky Blue#EB879C#EBD687

Similar named colors

Baby Blue#89CFF0Light Sky Blue#87CEFALight Steel Blue#B0C4DELight Blue#ADD8E6Powder Blue#B0E0E6Medium Turquoise#48D1CCSilver#C0C0C0Dark Turquoise#00CED1

All color names →

Code

CSScolor: #87CEEB;
Tailwindbg-[#87ceeb]
SwiftUIColor(red: 0.529, green: 0.808, blue: 0.922)
AndroidColor.parseColor("#87CEEB")
FlutterColor(0xFF87CEEB)

Sky Blue is a CSS named color (skyblue); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for sky blue?

Sky Blue is #87CEEB in hex and rgb(135, 206, 235) in RGB.

What is sky blue in CMYK?

With the plain conversion formula it is cmyk(43, 12, 0, 8). For print, convert with your printer's ICC profile instead.

What text color works on sky blue?

Black text has the higher contrast at 12.06:1, which passes WCAG AA for normal text (4.5:1).