#2257AA

#2257AA

Color Values

HEX

#2257AA

RGB

34, 87, 170

HSL

216.6, 66.7%, 40.0%

HSV

216.6, 80.0%, 66.7%

CMYK

80.0%, 48.8%, 0.0%, 33.3%

OKLCH

0.4693 0.1447 259.3

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#2257AA

#AA7522

Analogous

#229BAA

#3122AA

#2257AA

Triadic

#2257AA

#AA2257

#57AA22

Split Complementary

#2257AA

#AA3122

#9BAA22

Tetradic

#2257AA

#AA229B

#AA7522

#22AA31

Color Blindness Simulation

Original

#2257AA

Protanopia

#393996

Deuteranopia

#363291

Tritanopia

#258683

Achromatopsia

#525252

CSS Usage

background-color: #2257AA;
color: #2257AA;
border-color: #2257AA;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C3D6F3
300
#99B9EB
400
#6293E0
500
#2A6DD5
600
#2257AA
700
#1B4688
800
#15366A
900
#132A4E
950
#0C1B31

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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