#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

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026