#71AFD0

#71AFD0

Color Values

HEX

#71AFD0

RGB

113, 175, 208

HSL

200.8, 50.3%, 62.9%

HSV

200.8, 45.7%, 81.6%

CMYK

45.7%, 15.9%, 0.0%, 18.4%

OKLCH

0.7243 0.0799 232.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#71AFD0

#D09271

Analogous

#71D0C1

#717FD0

#71AFD0

Triadic

#71AFD0

#D071AF

#AFD071

Split Complementary

#71AFD0

#D0717F

#D0C171

Tetradic

#71AFD0

#C171D0

#D09271

#7FD071

Color Blindness Simulation

Original

#71AFD0

Protanopia

#8C8CC8

Deuteranopia

#8884C6

Tritanopia

#74C2C0

Achromatopsia

#A4A4A4

CSS Usage

background-color: #71AFD0;
color: #71AFD0;
border-color: #71AFD0;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#C9E1ED
300
#A3CBE1
400
#71AFD0
500
#3F93C0
600
#337699
700
#295E7B
800
#204A60
900
#1B3746
950
#11232C

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026