#214276

#214276

Color Values

HEX

#214276

RGB

33, 66, 118

HSL

216.7, 56.3%, 29.6%

HSV

216.7, 72.0%, 46.3%

CMYK

72.0%, 44.1%, 0.0%, 53.7%

OKLCH

0.383 0.097 259.2

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#214276

#765521

Analogous

#216C76

#2A2176

#214276

Triadic

#214276

#762142

#427621

Split Complementary

#214276

#762A21

#6C7621

Tetradic

#214276

#76216C

#765521

#21762A

Color Blindness Simulation

Original

#214276

Protanopia

#2F3069

Deuteranopia

#2D2B66

Tritanopia

#235F5D

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#9FBAE4
400
#6C95D6
500
#386FC7
600
#2D599F
700
#244780
800
#1C3864
900
#182B49
950
#0F1B2E

Contrast Checker

Text on white

9.97:1

AA Pass AAA Pass

Text on black

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