#4550C6

#4550C6

Color Values

HEX

#4550C6

RGB

69, 80, 198

HSL

234.9, 53.1%, 52.4%

HSV

234.9, 65.2%, 77.6%

CMYK

65.2%, 59.6%, 0.0%, 22.4%

OKLCH

0.4934 0.1817 273.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4550C6

#C6BB45

Analogous

#4591C6

#7B45C6

#4550C6

Triadic

#4550C6

#C64550

#50C645

Split Complementary

#4550C6

#C67B45

#91C645

Tetradic

#4550C6

#C64591

#C6BB45

#45C67B

Color Blindness Simulation

Original

#4550C6

Protanopia

#4A4AA9

Deuteranopia

#4948A3

Tritanopia

#46938E

Achromatopsia

#565656

CSS Usage

background-color: #4550C6;
color: #4550C6;
border-color: #4550C6;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C8CCEE
300
#A1A7E2
400
#6F77D3
500
#3C47C3
600
#30399C
700
#262E7D
800
#1E2462
900
#191D48
950
#10122D

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

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