#2D7DDC

#2D7DDC

Color Values

HEX

#2D7DDC

RGB

45, 125, 220

HSL

212.6, 71.4%, 52.0%

HSV

212.6, 79.5%, 86.3%

CMYK

79.5%, 43.2%, 0.0%, 13.7%

OKLCH

0.591 0.164 255.2

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#2D7DDC

#DC8C2D

Analogous

#2DD4DC

#352DDC

#2D7DDC

Triadic

#2D7DDC

#DC2D7D

#7DDC2D

Split Complementary

#2D7DDC

#DC352D

#D4DC2D

Tetradic

#2D7DDC

#DC2DD4

#DC8C2D

#2DDC35

Color Blindness Simulation

Original

#2D7DDC

Protanopia

#5050C5

Deuteranopia

#4B45C0

Tritanopia

#31B3AF

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C2D9F5
300
#96BEED
400
#5D9BE4
500
#2478DB
600
#1D60AF
700
#174D8C
800
#123C6D
900
#112E50
950
#0B1D32

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass 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