#003ACC

#003ACC

Color Values

HEX

#003ACC

RGB

0, 58, 204

HSL

222.9, 100.0%, 40.0%

HSV

222.9, 100.0%, 80.0%

CMYK

100.0%, 71.6%, 0.0%, 20.0%

OKLCH

0.4368 0.2283 263.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#003ACC

#CC9200

Analogous

#00A0CC

#2C00CC

#003ACC

Triadic

#003ACC

#CC003A

#3ACC00

Split Complementary

#003ACC

#CC2C00

#A0CC00

Tetradic

#003ACC

#CC00A0

#CC9200

#00CC2C

Color Blindness Simulation

Original

#003ACC

Protanopia

#191AA9

Deuteranopia

#1611A0

Tritanopia

#038D87

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CCFF
300
#85A7FF
400
#4278FF
500
#0049FF
600
#003ACC
700
#002FA3
800
#002480
900
#051E5C
950
#03133A

Contrast Checker

Text on white

8.48:1

AA Pass AAA Pass

Text on black

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