#71B3F1

#71B3F1

Color Values

HEX

#71B3F1

RGB

113, 179, 241

HSL

209.1, 82.1%, 69.4%

HSV

209.1, 53.1%, 94.5%

CMYK

53.1%, 25.7%, 0.0%, 5.5%

OKLCH

0.7473 0.1127 248.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#71B3F1

#F1AF71

Analogous

#71F1EF

#7173F1

#71B3F1

Triadic

#71B3F1

#F171B3

#B3F171

Split Complementary

#71B3F1

#F17173

#F1EF71

Tetradic

#71B3F1

#EF71F1

#F1AF71

#73F171

Color Blindness Simulation

Original

#71B3F1

Protanopia

#8E8EE2

Deuteranopia

#8A85DE

Tritanopia

#74D6D4

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDCF9
300
#90C3F4
400
#53A3EE
500
#1783E8
600
#1269BA
700
#0F5495
800
#0B4174
900
#0D3254
950
#081F35

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026