#214382

#214382

Color Values

HEX

#214382

RGB

33, 67, 130

HSL

219.0, 59.5%, 32.0%

HSV

219.0, 74.6%, 51.0%

CMYK

74.6%, 48.5%, 0.0%, 49.0%

OKLCH

0.394 0.1135 261.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#214382

#826021

Analogous

#217482

#302182

#214382

Triadic

#214382

#822143

#438221

Split Complementary

#214382

#823021

#748221

Tetradic

#214382

#822174

#826021

#218230

Color Blindness Simulation

Original

#214382

Protanopia

#303073

Deuteranopia

#2E2B6F

Tritanopia

#236764

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D5F1
300
#9DB7E6
400
#6990D9
500
#3469CB
600
#2954A3
700
#214382
800
#1A3466
900
#17294A
950
#0E1A2F

Contrast Checker

Text on white

9.59:1

AA Pass AAA Pass

Text on black

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