#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026