#225990

#225990

Color Values

HEX

#225990

RGB

34, 89, 144

HSL

210.0, 61.8%, 34.9%

HSV

210.0, 76.4%, 56.5%

CMYK

76.4%, 38.2%, 0.0%, 43.5%

OKLCH

0.4562 0.1068 251.4

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#225990

#905922

Analogous

#229090

#222290

#225990

Triadic

#225990

#902259

#599022

Split Complementary

#225990

#902222

#909022

Tetradic

#225990

#902290

#905922

#229022

Color Blindness Simulation

Original

#225990

Protanopia

#3A3A83

Deuteranopia

#373280

Tritanopia

#257876

Achromatopsia

#515151

CSS Usage

background-color: #225990;
color: #225990;
border-color: #225990;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FB
100
#E4EDF7
200
#C5DBF1
300
#9CC2E8
400
#66A1DB
500
#3180CE
600
#2766A5
700
#1F5284
800
#184067
900
#16304B
950
#0E1F30

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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