#4B52C9

#4B52C9

Color Values

HEX

#4B52C9

RGB

75, 82, 201

HSL

236.7, 53.8%, 54.1%

HSV

236.7, 62.7%, 78.8%

CMYK

62.7%, 59.2%, 0.0%, 21.2%

OKLCH

0.5033 0.1817 275.2

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4B52C9

#C9C24B

Analogous

#4B91C9

#834BC9

#4B52C9

Triadic

#4B52C9

#C94B52

#52C94B

Split Complementary

#4B52C9

#C9834B

#91C94B

Tetradic

#4B52C9

#C94B91

#C9C24B

#4BC983

Color Blindness Simulation

Original

#4B52C9

Protanopia

#4E4EAC

Deuteranopia

#4E4DA5

Tritanopia

#4B9590

Achromatopsia

#595959

CSS Usage

background-color: #4B52C9;
color: #4B52C9;
border-color: #4B52C9;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CAEF
300
#A1A4E3
400
#6E73D3
500
#3B42C4
600
#2F359D
700
#262B7E
800
#1D2162
900
#191C48
950
#10112D

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026