#71B6F3

#71B6F3

Color Values

HEX

#71B6F3

RGB

113, 182, 243

HSL

208.2, 84.4%, 69.8%

HSV

208.2, 53.5%, 95.3%

CMYK

53.5%, 25.1%, 0.0%, 4.7%

OKLCH

0.7548 0.1128 246.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#71B6F3

#F3AE71

Analogous

#71F3EF

#7175F3

#71B6F3

Triadic

#71B6F3

#F371B6

#B6F371

Split Complementary

#71B6F3

#F37175

#F3EF71

Tetradic

#71B6F3

#EF71F3

#F3AE71

#75F371

Color Blindness Simulation

Original

#71B6F3

Protanopia

#8F8FE4

Deuteranopia

#8B86E1

Tritanopia

#74D9D6

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDF9
300
#8EC5F5
400
#51A5F0
500
#1486EB
600
#106BBC
700
#0D5696
800
#0A4376
900
#0C3355
950
#072036

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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