#07223C

#07223C

Color Values

HEX

#07223C

RGB

7, 34, 60

HSL

209.4, 79.1%, 13.1%

HSV

209.4, 88.3%, 23.5%

CMYK

88.3%, 43.3%, 0.0%, 76.5%

OKLCH

0.2474 0.0592 250.7

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#07223C

#3C2107

Analogous

#073C3B

#07083C

#07223C

Triadic

#07223C

#3C0722

#223C07

Split Complementary

#07223C

#3C0708

#3C3B07

Tetradic

#07223C

#3B073C

#3C2107

#083C07

Color Blindness Simulation

Original

#07223C

Protanopia

#131336

Deuteranopia

#110F34

Tritanopia

#083130

Achromatopsia

#1E1E1E

CSS Usage

background-color: #07223C;
color: #07223C;
border-color: #07223C;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDCF8
300
#91C3F2
400
#56A2EB
500
#1B82E4
600
#1568B7
700
#115392
800
#0D4172
900
#0E3153
950
#091F34

Contrast Checker

Text on white

16.12:1

AA Pass AAA Pass

Text on black

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