#4B4CDC

#4B4CDC

Color Values

HEX

#4B4CDC

RGB

75, 76, 220

HSL

239,6, 67,4%, 57,8%

HSV

239,6, 65,9%, 86,3%

CMYK

65,9%, 65,5%, 0,0%, 13,7%

OKLCH

0,509 0,2134 275,4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4B4CDC

#DCDB4B

Analogous

#4B94DC

#924BDC

#4B4CDC

Triadic

#4B4CDC

#DC4B4C

#4CDC4B

Split Complementary

#4B4CDC

#DC924B

#94DC4B

Tetradic

#4B4CDC

#DC4B94

#DCDB4B

#4BDC92

Color Blindness Simulation

Original

#4B4CDC

Protanopia

#4B4BB9

Deuteranopia

#4B4BB1

Tritanopia

#4B9E98

Achromatopsia

#565656

CSS Usage

background-color: #4B4CDC;
color: #4B4CDC;
border-color: #4B4CDC;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C4F3
300
#9999EB
400
#6162E0
500
#2A2BD5
600
#2122AB
700
#1B1B89
800
#15156B
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

6,24:1

AA Pass AAA Fail

Text on black

3,37:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026