#006CCC

#006CCC

Color Values

HEX

#006CCC

RGB

0, 108, 204

HSL

208,2, 100,0%, 40,0%

HSV

208,2, 100,0%, 80,0%

CMYK

100,0%, 47,1%, 0,0%, 20,0%

OKLCH

0,5352 0,17 253,9

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#006CCC

#CC6000

Analogous

#00CCC6

#0006CC

#006CCC

Triadic

#006CCC

#CC006C

#6CCC00

Split Complementary

#006CCC

#CC0006

#CCC600

Tetradic

#006CCC

#C600CC

#CC6000

#06CC00

Color Blindness Simulation

Original

#006CCC

Protanopia

#2F30B5

Deuteranopia

#2820AF

Tritanopia

#05A29E

Achromatopsia

#5C5C5C

CSS Usage

background-color: #006CCC;
color: #006CCC;
border-color: #006CCC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DDFF
300
#85C5FF
400
#42A6FF
500
#0087FF
600
#006CCC
700
#0056A3
800
#004480
900
#05335C
950
#03203A

Contrast Checker

Text on white

5,23:1

AA Pass AAA Fail

Text on black

4,02:1

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