#4B4BBC

#4B4BBC

Color Values

HEX

#4B4BBC

RGB

75, 75, 188

HSL

240,0, 45,7%, 51,6%

HSV

240,0, 60,1%, 73,7%

CMYK

60,1%, 60,1%, 0,0%, 26,3%

OKLCH

0,4803 0,1732 277,7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4B4BBC

#BCBC4B

Analogous

#4B84BC

#844BBC

#4B4BBC

Triadic

#4B4BBC

#BC4B4B

#4BBC4B

Split Complementary

#4B4BBC

#BC844B

#84BC4B

Tetradic

#4B4BBC

#BC4B84

#BCBC4B

#4BBC84

Color Blindness Simulation

Original

#4B4BBC

Protanopia

#4B4BA1

Deuteranopia

#4B4B9A

Tritanopia

#4B8B86

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CBCBEC
300
#A6A6DE
400
#7676CC
500
#4545BA
600
#373795
700
#2C2C77
800
#23235D
900
#1D1D44
950
#12122B

Contrast Checker

Text on white

6,93:1

AA Pass AAA Fail

Text on black

3,03: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