Sky Blue

#82C8E5
RGB
130, 200, 229
HSL
198°, 66%, 70%
CMYK
43, 13, 0, 10
HSV
198°, 43%, 90%

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
Light Cyan
92%
#82C8E5
Click to copy
Sky blue
100%
#8094E5
Click to copy
Light Blue
88%

Complementary

#82C8E5
Click to copy
Sky blue
100%
#E59E80
Click to copy
Light Red
67%

Split Complementary

#82C8E5
Click to copy
Sky blue
100%
#E58094
Click to copy
Light Magenta
67%
#E5D180
Click to copy
Light Orange
68%

Triadic

#82C8E5
Click to copy
Sky blue
100%
#E580C7
Click to copy
Light Purple
71%
#C7E580
Click to copy
Light Yellow
71%

Tetradic

#82C8E5
Click to copy
Sky blue
100%
#D180E5
Click to copy
Light Purple
76%
#E59E80
Click to copy
Light Red
67%
#94E580
Click to copy
Light Green
76%

Square

#82C8E5
Click to copy
Sky blue
100%
#D180E5
Click to copy
Light Purple
76%
#E59E80
Click to copy
Light Red
67%
#94E580
Click to copy
Light Green
76%

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