#2D71D2

#2D71D2

Color Values

HEX

#2D71D2

RGB

45, 113, 210

HSL

215.3, 64.7%, 50.0%

HSV

215.3, 78.6%, 82.4%

CMYK

78.6%, 46.2%, 0.0%, 17.6%

OKLCH

0.5581 0.1645 258.0

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#2D71D2

#D28E2D

Analogous

#2DC3D2

#3C2DD2

#2D71D2

Triadic

#2D71D2

#D22D71

#71D22D

Split Complementary

#2D71D2

#D23C2D

#C3D22D

Tetradic

#2D71D2

#D22DC3

#D28E2D

#2DD23C

Color Blindness Simulation

Original

#2D71D2

Protanopia

#4A4BBB

Deuteranopia

#4641B5

Tritanopia

#30A8A4

Achromatopsia

#6A6A6A

CSS Usage

background-color: #2D71D2;
color: #2D71D2;
border-color: #2D71D2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E3EBF7
200
#C4D7F2
300
#9ABBE9
400
#6496DE
500
#2D71D2
600
#245AA8
700
#1D4886
800
#173869
900
#142B4D
950
#0D1B30

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026