#71AFE2

#71AFE2

Color Values

HEX

#71AFE2

RGB

113, 175, 226

HSL

207,1, 66,1%, 66,5%

HSV

207,1, 50,0%, 88,6%

CMYK

50,0%, 22,6%, 0,0%, 11,4%

OKLCH

0,7319 0,0982 244,5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#71AFE2

#E2A471

Analogous

#71E2DD

#7177E2

#71AFE2

Triadic

#71AFE2

#E271AF

#AFE271

Split Complementary

#71AFE2

#E27177

#E2DD71

Tetradic

#71AFE2

#DD71E2

#E2A471

#77E271

Color Blindness Simulation

Original

#71AFE2

Protanopia

#8C8CD6

Deuteranopia

#8884D3

Tritanopia

#74CCCA

Achromatopsia

#A6A6A6

CSS Usage

background-color: #71AFE2;
color: #71AFE2;
border-color: #71AFE2;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DEF3
300
#99C6EA
400
#62A7DF
500
#2B88D4
600
#236DA9
700
#1C5788
800
#16446A
900
#14334D
950
#0C2031

Contrast Checker

Text on white

2,35:1

AA Fail AAA Fail

Text on black

8,93:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026