#002CCC

#002CCC

Color Values

HEX

#002CCC

RGB

0, 44, 204

HSL

227.1, 100.0%, 40.0%

HSV

227.1, 100.0%, 80.0%

CMYK

100.0%, 78.4%, 0.0%, 20.0%

OKLCH

0.4164 0.2416 264.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#002CCC

#CCA000

Analogous

#0092CC

#3A00CC

#002CCC

Triadic

#002CCC

#CC002C

#2CCC00

Split Complementary

#002CCC

#CC3A00

#92CC00

Tetradic

#002CCC

#CC0092

#CCA000

#00CC3A

Color Blindness Simulation

Original

#002CCC

Protanopia

#1313A5

Deuteranopia

#100D9C

Tritanopia

#028780

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C7FF
300
#859FFF
400
#426BFF
500
#0037FF
600
#002CCC
700
#0023A3
800
#001B80
900
#05185C
950
#030F3A

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026