#77A7E2

#77A7E2

Color Values

HEX

#77A7E2

RGB

119, 167, 226

HSL

213.1, 64.8%, 67.6%

HSV

213.1, 47.3%, 88.6%

CMYK

47.3%, 26.1%, 0.0%, 11.4%

OKLCH

0.7176 0.1009 254.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#77A7E2

#E2B277

Analogous

#77DCE2

#7C77E2

#77A7E2

Triadic

#77A7E2

#E277A7

#A7E277

Split Complementary

#77A7E2

#E27C77

#DCE277

Tetradic

#77A7E2

#E277DC

#E2B277

#77E27C

Color Blindness Simulation

Original

#77A7E2

Protanopia

#8C8CD4

Deuteranopia

#8985D0

Tritanopia

#79C8C6

Achromatopsia

#A1A1A1

CSS Usage

background-color: #77A7E2;
color: #77A7E2;
border-color: #77A7E2;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D9F2
300
#9ABEE9
400
#649ADE
500
#2D77D2
600
#245FA8
700
#1D4C86
800
#163B69
900
#142E4D
950
#0D1D30

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41:1

AA Pass AAA Pass

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