#303ECF

#303ECF

Color Values

HEX

#303ECF

RGB

48, 62, 207

HSL

234.7, 62.4%, 50.0%

HSV

234.7, 76.8%, 81.2%

CMYK

76.8%, 70.0%, 0.0%, 18.8%

OKLCH

0.4594 0.2192 270.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#303ECF

#CFC130

Analogous

#308ECF

#7130CF

#303ECF

Triadic

#303ECF

#CF303E

#3ECF30

Split Complementary

#303ECF

#CF7130

#8ECF30

Tetradic

#303ECF

#CF308E

#CFC130

#30CF71

Color Blindness Simulation

Original

#303ECF

Protanopia

#3636AC

Deuteranopia

#3534A3

Tritanopia

#31908A

Achromatopsia

#454545

CSS Usage

background-color: #303ECF;
color: #303ECF;
border-color: #303ECF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F4FB
100
#E4E5F7
200
#C5C9F2
300
#9CA2E8
400
#6670DC
500
#303ECF
600
#2632A6
700
#1F2885
800
#181F68
900
#151A4C
950
#0D1030

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

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