#006ECC

#006ECC

Color Values

HEX

#006ECC

RGB

0, 110, 204

HSL

207,6, 100,0%, 40,0%

HSV

207,6, 100,0%, 80,0%

CMYK

100,0%, 46,1%, 0,0%, 20,0%

OKLCH

0,5397 0,1677 253,3

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#006ECC

#CC5E00

Analogous

#00CCC4

#0008CC

#006ECC

Triadic

#006ECC

#CC006E

#6ECC00

Split Complementary

#006ECC

#CC0008

#CCC400

Tetradic

#006ECC

#C400CC

#CC5E00

#08CC00

Color Blindness Simulation

Original

#006ECC

Protanopia

#3031B5

Deuteranopia

#2921B0

Tritanopia

#06A39F

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DEFF
300
#85C7FF
400
#42A8FF
500
#008AFF
600
#006ECC
700
#0058A3
800
#004580
900
#05345C
950
#03213A

Contrast Checker

Text on white

5,12:1

AA Pass AAA Fail

Text on black

4,1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026