#050222

#050222

Color Values

HEX

#050222

RGB

5, 2, 34

HSL

245.6, 88.9%, 7.1%

HSV

245.6, 94.1%, 13.3%

CMYK

85.3%, 94.1%, 0.0%, 86.7%

OKLCH

0.1316 0.0685 278.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#050222

#1F2202

Analogous

#020F22

#150222

#050222

Triadic

#050222

#220502

#022205

Split Complementary

#050222

#221502

#0F2202

Tetradic

#050222

#22020F

#1F2202

#022215

Color Blindness Simulation

Original

#050222

Protanopia

#04041A

Deuteranopia

#040418

Tritanopia

#051413

Achromatopsia

#050505

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E0FB
200
#C1BCFB
300
#968BF8
400
#5C4DF5
500
#230EF1
600
#1C0BC1
700
#17099A
800
#120778
900
#110A57
950
#0B0637

Contrast Checker

Text on white

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