#2277AA

#2277AA

Color Values

HEX

#2277AA

RGB

34, 119, 170

HSL

202.5, 66.7%, 40.0%

HSV

202.5, 80.0%, 66.7%

CMYK

80.0%, 30.0%, 0.0%, 33.3%

OKLCH

0.5443 0.1114 240.4

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#2277AA

#AA5522

Analogous

#22AA99

#2233AA

#2277AA

Triadic

#2277AA

#AA2277

#77AA22

Split Complementary

#2277AA

#AA2233

#AA9922

Tetradic

#2277AA

#9922AA

#AA5522

#33AA22

Color Blindness Simulation

Original

#2277AA

Protanopia

#47489E

Deuteranopia

#423B9B

Tritanopia

#269492

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3F0F7
200
#C3E1F3
300
#99CCEB
400
#62B0E0
500
#2A95D5
600
#2277AA
700
#1B5F88
800
#154A6A
900
#13384E
950
#0C2331

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026