#3C48C3

#3C48C3

Color Values

HEX

#3C48C3

RGB

60, 72, 195

HSL

234.7, 52.9%, 50.0%

HSV

234.7, 69.2%, 76.5%

CMYK

69.2%, 63.1%, 0.0%, 23.5%

OKLCH

0.4712 0.1898 272.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#3C48C3

#C3B73C

Analogous

#3C8BC3

#743CC3

#3C48C3

Triadic

#3C48C3

#C33C48

#48C33C

Split Complementary

#3C48C3

#C3743C

#8BC33C

Tetradic

#3C48C3

#C33C8B

#C3B73C

#3CC374

Color Blindness Simulation

Original

#3C48C3

Protanopia

#4141A5

Deuteranopia

#40409E

Tritanopia

#3D8E89

Achromatopsia

#4E4E4E

CSS Usage

background-color: #3C48C3;
color: #3C48C3;
border-color: #3C48C3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C8CCEE
300
#A1A7E2
400
#6F78D3
500
#3C48C3
600
#303A9C
700
#262E7D
800
#1E2461
900
#191D48
950
#10132D

Contrast Checker

Text on white

7.22:1

AA Pass AAA Pass

Text on black

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