#022850

#022850

Color Values

HEX

#022850

RGB

2, 40, 80

HSL

210.8, 95.1%, 16.1%

HSV

210.8, 97.5%, 31.4%

CMYK

97.5%, 50.0%, 0.0%, 68.6%

OKLCH

0.2775 0.0841 253.7

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#022850

#502A02

Analogous

#024F50

#030250

#022850

Triadic

#022850

#500228

#285002

Split Complementary

#022850

#500302

#4F5002

Tetradic

#022850

#50024F

#502A02

#025003

Color Blindness Simulation

Original

#022850

Protanopia

#121346

Deuteranopia

#100D44

Tritanopia

#043F3D

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DAFD
300
#88C0FC
400
#479EFA
500
#067CF9
600
#0563C7
700
#04509F
800
#033E7C
900
#072F5A
950
#041E39

Contrast Checker

Text on white

14.77:1

AA Pass AAA Pass

Text on black

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