#71B6EC

#71B6EC

Color Values

HEX

#71B6EC

RGB

113, 182, 236

HSL

206.3, 76.4%, 68.4%

HSV

206.3, 52.1%, 92.5%

CMYK

52.1%, 22.9%, 0.0%, 7.5%

OKLCH

0.7516 0.105 243.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#71B6EC

#ECA771

Analogous

#71ECE4

#7178EC

#71B6EC

Triadic

#71B6EC

#EC71B6

#B6EC71

Split Complementary

#71B6EC

#EC7178

#ECE471

Tetradic

#71B6EC

#E471EC

#ECA771

#78EC71

Color Blindness Simulation

Original

#71B6EC

Protanopia

#8F8FDF

Deuteranopia

#8B86DC

Tritanopia

#74D5D2

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0DFF7
300
#93C8F1
400
#59AAE9
500
#1E8CE1
600
#1870B4
700
#135990
800
#0F4670
900
#0F3552
950
#0A2134

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026