#2D497A

#2D497A

Color Values

HEX

#2D497A

RGB

45, 73, 122

HSL

218.2, 46.1%, 32.7%

HSV

218.2, 63.1%, 47.8%

CMYK

63.1%, 40.2%, 0.0%, 52.2%

OKLCH

0.4085 0.0894 260.9

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#2D497A

#7A5E2D

Analogous

#2D6F7A

#372D7A

#2D497A

Triadic

#2D497A

#7A2D49

#497A2D

Split Complementary

#2D497A

#7A372D

#6F7A2D

Tetradic

#2D497A

#7A2D6F

#7A5E2D

#2D7A37

Color Blindness Simulation

Original

#2D497A

Protanopia

#39396E

Deuteranopia

#38356B

Tritanopia

#2E6563

Achromatopsia

#474747

CSS Usage

background-color: #2D497A;
color: #2D497A;
border-color: #2D497A;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EC
300
#A6BADE
400
#7595CC
500
#456FBA
600
#375995
700
#2C4777
800
#22385D
900
#1C2B45
950
#121B2B

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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