#2274AA

#2274AA

Color Values

HEX

#2274AA

RGB

34, 116, 170

HSL

203.8, 66.7%, 40.0%

HSV

203.8, 80.0%, 66.7%

CMYK

80.0%, 31.8%, 0.0%, 33.3%

OKLCH

0.537 0.1138 242.7

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#2274AA

#AA5822

Analogous

#22AA9C

#2230AA

#2274AA

Triadic

#2274AA

#AA2274

#74AA22

Split Complementary

#2274AA

#AA2230

#AA9C22

Tetradic

#2274AA

#9C22AA

#AA5822

#30AA22

Color Blindness Simulation

Original

#2274AA

Protanopia

#46469D

Deuteranopia

#413B9A

Tritanopia

#269390

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C3E0F3
300
#99CAEB
400
#62AEE0
500
#2A91D5
600
#2274AA
700
#1B5D88
800
#15496A
900
#13364E
950
#0C2231

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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