#4348E6

#4348E6

Color Values

HEX

#4348E6

RGB

67, 72, 230

HSL

238.2, 76.5%, 58.2%

HSV

238.2, 70.9%, 90.2%

CMYK

70.9%, 68.7%, 0.0%, 9.8%

OKLCH

0.507 0.232 273.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4348E6

#E6E143

Analogous

#4399E6

#9043E6

#4348E6

Triadic

#4348E6

#E64348

#48E643

Split Complementary

#4348E6

#E69043

#99E643

Tetradic

#4348E6

#E64399

#E6E143

#43E690

Color Blindness Simulation

Original

#4348E6

Protanopia

#4545C0

Deuteranopia

#4544B7

Tritanopia

#43A29B

Achromatopsia

#525252

CSS Usage

background-color: #4348E6;
color: #4348E6;
border-color: #4348E6;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C2F7
300
#9396F1
400
#585DE9
500
#1E24E1
600
#181DB4
700
#131790
800
#0F1271
900
#0F1152
950
#0A0B34

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026