#2275AA

#2275AA

Color Values

HEX

#2275AA

RGB

34, 117, 170

HSL

203.4, 66.7%, 40.0%

HSV

203.4, 80.0%, 66.7%

CMYK

80.0%, 31.2%, 0.0%, 33.3%

OKLCH

0.5394 0.1129 242.0

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#2275AA

#AA5722

Analogous

#22AA9B

#2231AA

#2275AA

Triadic

#2275AA

#AA2275

#75AA22

Split Complementary

#2275AA

#AA2231

#AA9B22

Tetradic

#2275AA

#9B22AA

#AA5722

#31AA22

Color Blindness Simulation

Original

#2275AA

Protanopia

#46479D

Deuteranopia

#413B9A

Tritanopia

#269391

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C3E1F3
300
#99CBEB
400
#62AEE0
500
#2A92D5
600
#2275AA
700
#1B5E88
800
#15496A
900
#13374E
950
#0C2331

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

4.19:1

AA Fail 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