#0A77DC

#0A77DC

Color Values

HEX

#0A77DC

RGB

10, 119, 220

HSL

208.9, 91.3%, 45.1%

HSV

208.9, 95.5%, 86.3%

CMYK

95.5%, 45.9%, 0.0%, 13.7%

OKLCH

0.5717 0.1768 253.8

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#0A77DC

#DC6F0A

Analogous

#0ADCD8

#0A0EDC

#0A77DC

Triadic

#0A77DC

#DC0A77

#77DC0A

Split Complementary

#0A77DC

#DC0A0E

#DCD80A

Tetradic

#0A77DC

#D80ADC

#DC6F0A

#0EDC0A

Color Blindness Simulation

Original

#0A77DC

Protanopia

#393AC4

Deuteranopia

#332BBE

Tritanopia

#0FB0AC

Achromatopsia

#676767

CSS Usage

background-color: #0A77DC;
color: #0A77DC;
border-color: #0A77DC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDCFC
300
#8AC4FA
400
#4BA4F7
500
#0B84F4
600
#0969C3
700
#07549C
800
#06427A
900
#093258
950
#052038

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass 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