#2D3F76

#2D3F76

Color Values

HEX

#2D3F76

RGB

45, 63, 118

HSL

225.2, 44.8%, 32.0%

HSV

225.2, 61.9%, 46.3%

CMYK

61.9%, 46.6%, 0.0%, 53.7%

OKLCH

0.3825 0.0964 268.0

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#2D3F76

#76642D

Analogous

#2D6476

#402D76

#2D3F76

Triadic

#2D3F76

#762D3F

#3F762D

Split Complementary

#2D3F76

#76402D

#64762D

Tetradic

#2D3F76

#762D64

#76642D

#2D7640

Color Blindness Simulation

Original

#2D3F76

Protanopia

#353569

Deuteranopia

#343266

Tritanopia

#2E5E5C

Achromatopsia

#3F3F3F

CSS Usage

background-color: #2D3F76;
color: #2D3F76;
border-color: #2D3F76;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CBD3EB
300
#A6B4DD
400
#768BCB
500
#4663B9
600
#384F94
700
#2D3F76
800
#23315C
900
#1D2744
950
#12182B

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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