Sky Blue

#82C8E5

What color is Sky Blue?

Sky blue is a soft, clear blue with a light, airy quality, hex #82C8E5, close to the color of a forget-me-not flower. It is pale enough to feel open and bright, but has enough blue tone to read as a true blue rather than white or gray.

What is the meaning of the color Sky Blue?

The name sky blue appeared in English by the early 18th century, directly describing the color of a clear daytime sky. It became a common reference in textile dyeing and paint mixing as a standard descriptor for light blue shades. The color gained institutional footing when it was adopted as the official color of the United Nations, chosen in 1946 to suggest openness and peace. UN sky blue is now one of the most recognized uses of the color in an official context worldwide.

RGB
130, 200, 229
HSL
198°, 66%, 70%
CMYK
43, 13, 0, 10
HSV
198°, 43%, 90%
Sky blue color

What colors go with Sky Blue?

Colors that pair well with Sky blue include:
White: clean, fresh contrast
Navy: grounding deep anchor
Sand: warm, natural balance
Coral: soft complementary warmth
Sage green: gentle, cool harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #82C8E5 color: #82C8E5;
RGB 130, 200, 229 color: rgb(130, 200, 229);
RGB Percentage 51%, 78%, 90% color: rgb(51%, 78%, 90%);
CMYK 43%, 13%, 0%, 10% Not supported in CSS
HSL 198°, 66%, 70% color: hsl(198, 66%, 70%);
HSV 198°, 43%, 90% Not supported in CSS
CIE-LAB 56, -14, -10 color: lab(56% -14 -10);
Decimal 8571109 Not supported in CSS

Color Variations

Shades

#80C7E5
#62BADF
#45ACD9
#2A9ECF
#2487B2
#1E7194
#185A77
#124459

Tints

#D9EEF7
#CCE8F5
#C0E3F2
#B3DDEF
#A6D8ED
#99D2EA
#8DCCE8
#80C7E5

Tones

#80C7E5
#85C5E0
#8AC3DB
#8FC1D6
#94BFD1
#99BDCC
#9EBBC7
#A3B9C2

Hues

#80C7E5
#8580E5
#D180E5
#E580AD
#E59E80
#E0E580
#94E580
#80E5B8

Color Harmonies

Analogous

#80E5D1
Click to copy
#82C8E5
Click to copy
#8094E5
Click to copy

Complementary

#82C8E5
Click to copy
#E59E80
Click to copy

Split Complementary

#82C8E5
Click to copy
#E58094
Click to copy
96%
#E5D180
Click to copy
97%

Triadic

#82C8E5
Click to copy
#E580C7
Click to copy
#C7E580
Click to copy

Tetradic

#82C8E5
Click to copy
#D180E5
Click to copy
#E59E80
Click to copy
#94E580
Click to copy

Square

#82C8E5
Click to copy
#D180E5
Click to copy
#E59E80
Click to copy
#94E580
Click to copy

CSS & Dev Snippets

CSS
.sky-blue {
  color: #82C8E5;
}
SCSS
$sky-blue: #82C8E5;
RGB
rgb(130, 200, 229)

Accessibility & Contrast

White background

1.85:1
1.85
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.34:1
11.34
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags