#214DAB

#214DAB

Color Values

HEX

#214DAB

RGB

33, 77, 171

HSL

220.9, 67.6%, 40.0%

HSV

220.9, 80.7%, 67.1%

CMYK

80.7%, 55.0%, 0.0%, 32.9%

OKLCH

0.4481 0.1588 262.8

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#214DAB

#AB7F21

Analogous

#2192AB

#3A21AB

#214DAB

Triadic

#214DAB

#AB214D

#4DAB21

Split Complementary

#214DAB

#AB3A21

#92AB21

Tetradic

#214DAB

#AB2192

#AB7F21

#21AB3A

Color Blindness Simulation

Original

#214DAB

Protanopia

#343494

Deuteranopia

#322E8F

Tritanopia

#23827E

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3E9F7
200
#C3D3F3
300
#98B3EB
400
#6189E0
500
#2960D6
600
#214DAB
700
#1A3E89
800
#15306B
900
#13264E
950
#0C1831

Contrast Checker

Text on white

7.74:1

AA Pass AAA Pass

Text on black

2.71:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026