#333ECC

#333ECC

Color Values

HEX

#333ECC

RGB

51, 62, 204

HSL

235.7, 60.0%, 50.0%

HSV

235.7, 75.0%, 80.0%

CMYK

75.0%, 69.6%, 0.0%, 20.0%

OKLCH

0.458 0.2147 271.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#333ECC

#CCC133

Analogous

#338ACC

#7533CC

#333ECC

Triadic

#333ECC

#CC333E

#3ECC33

Split Complementary

#333ECC

#CC7533

#8ACC33

Tetradic

#333ECC

#CC338A

#CCC133

#33CC75

Color Blindness Simulation

Original

#333ECC

Protanopia

#3838AA

Deuteranopia

#3736A1

Tritanopia

#348E89

Achromatopsia

#464646

CSS Usage

background-color: #333ECC;
color: #333ECC;
border-color: #333ECC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C9F1
300
#9DA2E7
400
#6870D9
500
#333ECC
600
#2932A3
700
#212883
800
#1A1F66
900
#161A4B
950
#0E102F

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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