#022050

#022050

Color Values

HEX

#022050

RGB

2, 32, 80

HSL

216.9, 95.1%, 16.1%

HSV

216.9, 97.5%, 31.4%

CMYK

97.5%, 60.0%, 0.0%, 68.6%

OKLCH

0.257 0.0953 259.2

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#022050

#503202

Analogous

#024750

#0B0250

#022050

Triadic

#022050

#500220

#205002

Split Complementary

#022050

#500B02

#475002

Tetradic

#022050

#500247

#503202

#02500B

Color Blindness Simulation

Original

#022050

Protanopia

#0F0F44

Deuteranopia

#0D0B42

Tritanopia

#043B39

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D3FD
300
#88B4FC
400
#478CFA
500
#0664F9
600
#0550C7
700
#04409F
800
#03327C
900
#07275A
950
#041939

Contrast Checker

Text on white

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