#214483

#214483

Color Values

HEX

#214483

RGB

33, 68, 131

HSL

218,6, 59,8%, 32,2%

HSV

218,6, 74,8%, 51,4%

CMYK

74,8%, 48,1%, 0,0%, 48,6%

OKLCH

0,397 0,1136 261,1

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#214483

#836021

Analogous

#217583

#2F2183

#214483

Triadic

#214483

#832144

#448321

Split Complementary

#214483

#832F21

#758321

Tetradic

#214483

#832175

#836021

#21832F

Color Blindness Simulation

Original

#214483

Protanopia

#303074

Deuteranopia

#2E2C70

Tritanopia

#236865

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EBF6
200
#C6D5F1
300
#9DB7E6
400
#6890D9
500
#336ACC
600
#2955A3
700
#214482
800
#1A3566
900
#16294B
950
#0E1A2F

Contrast Checker

Text on white

9,46:1

AA Pass AAA Pass

Text on black

2,22:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026