#2077AC

#2077AC

Color Values

HEX

#2077AC

RGB

32, 119, 172

HSL

202.7, 68.6%, 40.0%

HSV

202.7, 81.4%, 67.5%

CMYK

81.4%, 30.8%, 0.0%, 32.5%

OKLCH

0.5449 0.1142 241.1

Properties

Cool Dark Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#2077AC

#AC5520

Analogous

#20AC9B

#2031AC

#2077AC

Triadic

#2077AC

#AC2077

#77AC20

Split Complementary

#2077AC

#AC2031

#AC9B20

Tetradic

#2077AC

#9B20AC

#AC5520

#31AC20

Color Blindness Simulation

Original

#2077AC

Protanopia

#46469F

Deuteranopia

#413A9C

Tritanopia

#249593

Achromatopsia

#686868

CSS Usage

background-color: #2077AC;
color: #2077AC;
border-color: #2077AC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FC
100
#E3F0F8
200
#C3E1F4
300
#98CCEC
400
#60B0E1
500
#2895D7
600
#2077AC
700
#1A5F8A
800
#144A6B
900
#13384E
950
#0C2331

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026