#030222

#030222

Color Values

HEX

#030222

RGB

3, 2, 34

HSL

241.9, 88.9%, 7.1%

HSV

241.9, 94.1%, 13.3%

CMYK

91.2%, 94.1%, 0.0%, 86.7%

OKLCH

0.1285 0.0696 273.3

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#030222

#212202

Analogous

#021122

#130222

#030222

Triadic

#030222

#220302

#022203

Split Complementary

#030222

#221302

#112202

Tetradic

#030222

#220211

#212202

#022213

Color Blindness Simulation

Original

#030222

Protanopia

#03031A

Deuteranopia

#030318

Tritanopia

#031413

Achromatopsia

#050505

CSS Usage

background-color: #030222;
color: #030222;
border-color: #030222;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F2F2FD
100
#E1E0FB
200
#BEBCFB
300
#8F8BF8
400
#524DF5
500
#150EF1
600
#110BC1
700
#0E099A
800
#0B0778
900
#0C0A57
950
#080637

Contrast Checker

Text on white

20.28:1

AA Pass AAA Pass

Text on black

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