#003CCC

#003CCC

Color Values

HEX

#003CCC

RGB

0, 60, 204

HSL

222,4, 100,0%, 40,0%

HSV

222,4, 100,0%, 80,0%

CMYK

100,0%, 70,6%, 0,0%, 20,0%

OKLCH

0,4401 0,2262 263,2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#003CCC

#CC9000

Analogous

#00A2CC

#2A00CC

#003CCC

Triadic

#003CCC

#CC003C

#3CCC00

Split Complementary

#003CCC

#CC2A00

#A2CC00

Tetradic

#003CCC

#CC00A2

#CC9000

#00CC2A

Color Blindness Simulation

Original

#003CCC

Protanopia

#1A1BA9

Deuteranopia

#1612A1

Tritanopia

#038E88

Achromatopsia

#3A3A3A

CSS Usage

background-color: #003CCC;
color: #003CCC;
border-color: #003CCC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFF
300
#85A9FF
400
#427AFF
500
#004BFF
600
#003CCC
700
#0030A3
800
#002580
900
#051E5C
950
#03133A

Contrast Checker

Text on white

8,34:1

AA Pass AAA Pass

Text on black

2,52:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fév 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fév 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fév 20, 2026