#71AFF3

#71AFF3

Color Values

HEX

#71AFF3

RGB

113, 175, 243

HSL

211.4, 84.4%, 69.8%

HSV

211.4, 53.5%, 95.3%

CMYK

53.5%, 28.0%, 0.0%, 4.7%

OKLCH

0.7396 0.1182 251.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#71AFF3

#F3B571

Analogous

#71F0F3

#7471F3

#71AFF3

Triadic

#71AFF3

#F371AF

#AFF371

Split Complementary

#71AFF3

#F37471

#F0F371

Tetradic

#71AFF3

#F371F0

#F3B571

#71F374

Color Blindness Simulation

Original

#71AFF3

Protanopia

#8C8CE3

Deuteranopia

#8884DF

Tritanopia

#74D6D3

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8EBFF5
400
#519DF0
500
#147AEB
600
#1062BC
700
#0D4E96
800
#0A3D76
900
#0C2F55
950
#071E36

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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