#0077CC

#0077CC

Color Values

HEX

#0077CC

RGB

0, 119, 204

HSL

205.0, 100.0%, 40.0%

HSV

205.0, 100.0%, 80.0%

CMYK

100.0%, 41.7%, 0.0%, 20.0%

OKLCH

0.5601 0.1577 249.8

Properties

Cool Dark Nearest: dodgerblue 3

Color Harmonies

Complementary

#0077CC

#CC5500

Analogous

#00CCBB

#0011CC

#0077CC

Triadic

#0077CC

#CC0077

#77CC00

Split Complementary

#0077CC

#CC0011

#CCBB00

Tetradic

#0077CC

#BB00CC

#CC5500

#11CC00

Color Blindness Simulation

Original

#0077CC

Protanopia

#3435B7

Deuteranopia

#2D24B2

Tritanopia

#06A7A4

Achromatopsia

#646464

CSS Usage

background-color: #0077CC;
color: #0077CC;
border-color: #0077CC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F8FE
100
#DEF0FC
200
#B8E1FF
300
#85CCFF
400
#42B0FF
500
#0095FF
600
#0077CC
700
#005FA3
800
#004A80
900
#05385C
950
#03233A

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026