#214282

#214282

Color Values

HEX

#214282

RGB

33, 66, 130

HSL

219.6, 59.5%, 32.0%

HSV

219.6, 74.6%, 51.0%

CMYK

74.6%, 49.2%, 0.0%, 49.0%

OKLCH

0.3916 0.1147 262.0

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#214282

#826121

Analogous

#217382

#312182

#214282

Triadic

#214282

#822142

#428221

Split Complementary

#214282

#823121

#738221

Tetradic

#214282

#822173

#826121

#218231

Color Blindness Simulation

Original

#214282

Protanopia

#2F3073

Deuteranopia

#2D2B6F

Tritanopia

#236664

Achromatopsia

#404040

CSS Usage

background-color: #214282;
color: #214282;
border-color: #214282;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D5F1
300
#9DB6E6
400
#698FD9
500
#3467CB
600
#2953A3
700
#214282
800
#1A3466
900
#17284A
950
#0E192F

Contrast Checker

Text on white

9.69:1

AA Pass AAA Pass

Text on black

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