#71A4EE

#71A4EE

Color Values

HEX

#71A4EE

RGB

113, 164, 238

HSL

215.5, 78.6%, 68.8%

HSV

215.5, 52.5%, 93.3%

CMYK

52.5%, 31.1%, 0.0%, 6.7%

OKLCH

0.7137 0.1218 257.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#71A4EE

#EEBB71

Analogous

#71E3EE

#7C71EE

#71A4EE

Triadic

#71A4EE

#EE71A4

#A4EE71

Split Complementary

#71A4EE

#EE7C71

#E3EE71

Tetradic

#71A4EE

#EE71E3

#EEBB71

#71EE7C

Color Blindness Simulation

Original

#71A4EE

Protanopia

#8788DC

Deuteranopia

#8480D8

Tritanopia

#74CECB

Achromatopsia

#9F9F9F

CSS Usage

background-color: #71A4EE;
color: #71A4EE;
border-color: #71A4EE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#BFD6F7
300
#92B9F2
400
#5693EB
500
#1B6DE4
600
#1657B6
700
#114692
800
#0E3772
900
#0E2A53
950
#091B34

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.25: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