#07214C

#07214C

Color Values

HEX

#07214C

RGB

7, 33, 76

HSL

217,4, 83,1%, 16,3%

HSV

217,4, 90,8%, 29,8%

CMYK

90,8%, 56,6%, 0,0%, 70,2%

OKLCH

0,2578 0,0859 260,0

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#07214C

#4C3207

Analogous

#07444C

#10074C

#07214C

Triadic

#07214C

#4C0721

#214C07

Split Complementary

#07214C

#4C1007

#444C07

Tetradic

#07214C

#4C0744

#4C3207

#074C10

Color Blindness Simulation

Original

#07214C

Protanopia

#121242

Deuteranopia

#110F3F

Tritanopia

#083938

Achromatopsia

#1F1F1F

CSS Usage

background-color: #07214C;
color: #07214C;
border-color: #07214C;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED4F9
300
#8FB5F5
400
#528DEF
500
#1665E9
600
#1151BB
700
#0E4195
800
#0B3375
900
#0C2855
950
#081935

Contrast Checker

Text on white

15,78:1

AA Pass AAA Pass

Text on black

1,33: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