#222655

#222655

Color Values

HEX

#222655

RGB

34, 38, 85

HSL

235.3, 42.9%, 23.3%

HSV

235.3, 60.0%, 33.3%

CMYK

60.0%, 55.3%, 0.0%, 66.7%

OKLCH

0.2932 0.084 276.2

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#222655

#555122

Analogous

#223F55

#372255

#222655

Triadic

#222655

#552226

#265522

Split Complementary

#222655

#553722

#3F5522

Tetradic

#222655

#55223F

#555122

#225537

Color Blindness Simulation

Original

#222655

Protanopia

#24244A

Deuteranopia

#242347

Tritanopia

#22413F

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCEEB
300
#A8ACDC
400
#787FC9
500
#4951B6
600
#3A4192
700
#2F3475
800
#24295B
900
#1E2143
950
#13152A

Contrast Checker

Text on white

14.22:1

AA Pass AAA Pass

Text on black

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