#2271D3

#2271D3

Color Values

HEX

#2271D3

RGB

34, 113, 211

HSL

213.2, 72.2%, 48.0%

HSV

213.2, 83.9%, 82.7%

CMYK

83.9%, 46.4%, 0.0%, 17.3%

OKLCH

0.5559 0.1685 256.4

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#2271D3

#D38422

Analogous

#22C9D3

#2B22D3

#2271D3

Triadic

#2271D3

#D32271

#71D322

Split Complementary

#2271D3

#D32B22

#C9D322

Tetradic

#2271D3

#D322C9

#D38422

#22D32B

Color Blindness Simulation

Original

#2271D3

Protanopia

#4445BB

Deuteranopia

#403AB6

Tritanopia

#26A9A4

Achromatopsia

#676767

CSS Usage

background-color: #2271D3;
color: #2271D3;
border-color: #2271D3;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C2D9F5
300
#96BDEE
400
#5D99E5
500
#2376DC
600
#1C5EB0
700
#174B8D
800
#123B6E
900
#112D50
950
#0B1C32

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026