#2D4176

#2D4176

Color Values

HEX

#2D4176

RGB

45, 65, 118

HSL

223.6, 44.8%, 32.0%

HSV

223.6, 61.9%, 46.3%

CMYK

61.9%, 44.9%, 0.0%, 53.7%

OKLCH

0.3871 0.0937 266.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#2D4176

#76622D

Analogous

#2D6676

#3E2D76

#2D4176

Triadic

#2D4176

#762D41

#41762D

Split Complementary

#2D4176

#763E2D

#66762D

Tetradic

#2D4176

#762D66

#76622D

#2D763E

Color Blindness Simulation

Original

#2D4176

Protanopia

#363669

Deuteranopia

#343366

Tritanopia

#2E5F5D

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CBD4EB
300
#A6B5DD
400
#768DCB
500
#4666B9
600
#385194
700
#2D4176
800
#23335C
900
#1D2844
950
#12192B

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026