#003DCC

#003DCC

Color Values

HEX

#003DCC

RGB

0, 61, 204

HSL

222.1, 100.0%, 40.0%

HSV

222.1, 100.0%, 80.0%

CMYK

100.0%, 70.1%, 0.0%, 20.0%

OKLCH

0.4417 0.2251 263.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#003DCC

#CC8F00

Analogous

#00A3CC

#2900CC

#003DCC

Triadic

#003DCC

#CC003D

#3DCC00

Split Complementary

#003DCC

#CC2900

#A3CC00

Tetradic

#003DCC

#CC00A3

#CC8F00

#00CC29

Color Blindness Simulation

Original

#003DCC

Protanopia

#1A1BA9

Deuteranopia

#1712A1

Tritanopia

#038E88

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFF
300
#85A9FF
400
#427BFF
500
#004CFF
600
#003DCC
700
#0031A3
800
#002680
900
#051F5C
950
#03133A

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026