#225998

#225998

Color Values

HEX

#225998

RGB

34, 89, 152

HSL

212.0, 63.4%, 36.5%

HSV

212.0, 77.6%, 59.6%

CMYK

77.6%, 41.4%, 0.0%, 40.4%

OKLCH

0.4613 0.1176 254.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#225998

#986122

Analogous

#229498

#262298

#225998

Triadic

#225998

#982259

#599822

Split Complementary

#225998

#982622

#949822

Tetradic

#225998

#982294

#986122

#229826

Color Blindness Simulation

Original

#225998

Protanopia

#3A3A89

Deuteranopia

#373285

Tritanopia

#257D7A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EDF7
200
#C5DAF2
300
#9BBFE9
400
#659DDC
500
#2F7AD0
600
#2562A7
700
#1E4E85
800
#173D68
900
#152F4C
950
#0D1D30

Contrast Checker

Text on white

7.12:1

AA Pass AAA Pass

Text on black

2.95:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026