#4B4ACE

#4B4ACE

Color Values

HEX

#4B4ACE

RGB

75, 74, 206

HSL

240,5, 57,4%, 54,9%

HSV

240,5, 64,1%, 80,8%

CMYK

63,6%, 64,1%, 0,0%, 19,2%

OKLCH

0,4936 0,198 276,7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4B4ACE

#CDCE4A

Analogous

#4A8BCE

#8D4ACE

#4B4ACE

Triadic

#4B4ACE

#CE4B4A

#4ACE4B

Split Complementary

#4B4ACE

#CE8D4A

#8BCE4A

Tetradic

#4B4ACE

#CE4A8B

#CDCE4A

#4ACE8D

Color Blindness Simulation

Original

#4B4ACE

Protanopia

#4B4BAE

Deuteranopia

#4B4BA6

Tritanopia

#4B958F

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C7C7F0
300
#9F9FE5
400
#6B6AD7
500
#3836C9
600
#2C2BA1
700
#242380
800
#1C1B64
900
#181749
950
#0F0F2E

Contrast Checker

Text on white

6,62:1

AA Pass AAA Fail

Text on black

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