#303DCF

#303DCF

Color Values

HEX

#303DCF

RGB

48, 61, 207

HSL

235.1, 62.4%, 50.0%

HSV

235.1, 76.8%, 81.2%

CMYK

76.8%, 70.5%, 0.0%, 18.8%

OKLCH

0.4579 0.2202 270.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#303DCF

#CFC230

Analogous

#308CCF

#7330CF

#303DCF

Triadic

#303DCF

#CF303D

#3DCF30

Split Complementary

#303DCF

#CF7330

#8CCF30

Tetradic

#303DCF

#CF308C

#CFC230

#30CF73

Color Blindness Simulation

Original

#303DCF

Protanopia

#3636AC

Deuteranopia

#3534A3

Tritanopia

#31908A

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F7
200
#C5C9F2
300
#9CA2E8
400
#666FDC
500
#303DCF
600
#2631A6
700
#1F2785
800
#181E68
900
#151A4C
950
#0D1030

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

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