#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026