#2297DD

#2297DD

Color Values

HEX

#2297DD

RGB

34, 151, 221

HSL

202.5, 73.3%, 50.0%

HSV

202.5, 84.6%, 86.7%

CMYK

84.6%, 31.7%, 0.0%, 13.3%

OKLCH

0.6481 0.1426 241.8

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#2297DD

#DD6822

Analogous

#22DDC6

#2239DD

#2297DD

Triadic

#2297DD

#DD2297

#97DD22

Split Complementary

#2297DD

#DD2239

#DDC622

Tetradic

#2297DD

#C622DD

#DD6822

#39DD22

Color Blindness Simulation

Original

#2297DD

Protanopia

#5556CC

Deuteranopia

#4E45C8

Tritanopia

#28BFBC

Achromatopsia

#838383

CSS Usage

background-color: #2297DD;
color: #2297DD;
border-color: #2297DD;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F9FC
100
#E2F0F8
200
#C1E2F5
300
#95CDEF
400
#5BB2E6
500
#2297DD
600
#1B79B1
700
#16618D
800
#114B6E
900
#103850
950
#0A2433

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026