#214176

#214176

Color Values

HEX

#214176

RGB

33, 65, 118

HSL

217.4, 56.3%, 29.6%

HSV

217.4, 72.0%, 46.3%

CMYK

72.0%, 44.9%, 0.0%, 53.7%

OKLCH

0.3806 0.0983 259.9

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#214176

#765621

Analogous

#216B76

#2B2176

#214176

Triadic

#214176

#762141

#417621

Split Complementary

#214176

#762B21

#6B7621

Tetradic

#214176

#76216B

#765621

#21762B

Color Blindness Simulation

Original

#214176

Protanopia

#2F2F69

Deuteranopia

#2D2B66

Tritanopia

#235F5D

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF6
200
#C7D6EF
300
#9FB9E4
400
#6C94D6
500
#386EC7
600
#2D589F
700
#244680
800
#1C3764
900
#182A49
950
#0F1B2E

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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