#2242AA

#2242AA

Color Values

HEX

#2242AA

RGB

34, 66, 170

HSL

225.9, 66.7%, 40.0%

HSV

225.9, 80.0%, 66.7%

CMYK

80.0%, 61.2%, 0.0%, 33.3%

OKLCH

0.4252 0.1708 266.0

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2242AA

#AA8A22

Analogous

#2286AA

#4622AA

#2242AA

Triadic

#2242AA

#AA2242

#42AA22

Split Complementary

#2242AA

#AA4622

#86AA22

Tetradic

#2242AA

#AA2286

#AA8A22

#22AA46

Color Blindness Simulation

Original

#2242AA

Protanopia

#303091

Deuteranopia

#2E2C8B

Tritanopia

#247D79

Achromatopsia

#434343

CSS Usage

background-color: #2242AA;
color: #2242AA;
border-color: #2242AA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C3CFF3
300
#99ACEB
400
#627FE0
500
#2A52D5
600
#2242AA
700
#1B3588
800
#15296A
900
#13214E
950
#0C1531

Contrast Checker

Text on white

8.65:1

AA Pass AAA Pass

Text on black

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