#214356

#214356

Color Values

HEX

#214356

RGB

33, 67, 86

HSL

201.5, 44.5%, 23.3%

HSV

201.5, 61.6%, 33.7%

CMYK

61.6%, 22.1%, 0.0%, 66.3%

OKLCH

0.3661 0.0515 235.0

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#214356

#563421

Analogous

#21564E

#212856

#214356

Triadic

#214356

#562143

#435621

Split Complementary

#214356

#562128

#564E21

Tetradic

#214356

#4E2156

#563421

#285621

Color Blindness Simulation

Original

#214356

Protanopia

#303051

Deuteranopia

#2E2B50

Tritanopia

#234E4D

Achromatopsia

#3D3D3D

CSS Usage

background-color: #214356;
color: #214356;
border-color: #214356;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBE0EB
300
#A7CADD
400
#77ADCB
500
#4790B8
600
#397393
700
#2D5C76
800
#23485C
900
#1D3644
950
#12222B

Contrast Checker

Text on white

10.49:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026