#003BCC

#003BCC

Color Values

HEX

#003BCC

RGB

0, 59, 204

HSL

222.6, 100.0%, 40.0%

HSV

222.6, 100.0%, 80.0%

CMYK

100.0%, 71.1%, 0.0%, 20.0%

OKLCH

0.4385 0.2273 263.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#003BCC

#CC9100

Analogous

#00A1CC

#2B00CC

#003BCC

Triadic

#003BCC

#CC003B

#3BCC00

Split Complementary

#003BCC

#CC2B00

#A1CC00

Tetradic

#003BCC

#CC00A1

#CC9100

#00CC2B

Color Blindness Simulation

Original

#003BCC

Protanopia

#1A1AA9

Deuteranopia

#1612A0

Tritanopia

#038D87

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CCFF
300
#85A8FF
400
#4279FF
500
#004AFF
600
#003BCC
700
#002FA3
800
#002580
900
#051E5C
950
#03133A

Contrast Checker

Text on white

8.41:1

AA Pass AAA Pass

Text on black

2.5: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