#3C3778

#3C3778

Color Values

HEX

#3C3778

RGB

60, 55, 120

HSL

244.6, 37.1%, 34.3%

HSV

244.6, 54.2%, 47.1%

CMYK

50.0%, 54.2%, 0.0%, 52.9%

OKLCH

0.378 0.1073 283.5

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#3C3778

#737837

Analogous

#375278

#5C3778

#3C3778

Triadic

#3C3778

#783C37

#37783C

Split Complementary

#3C3778

#785C37

#527837

Tetradic

#3C3778

#783752

#737837

#37785C

Color Blindness Simulation

Original

#3C3778

Protanopia

#3A3A68

Deuteranopia

#3A3A64

Tritanopia

#3C5C59

Achromatopsia

#3D3D3D

CSS Usage

background-color: #3C3778;
color: #3C3778;
border-color: #3C3778;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#D0CEE9
300
#AFABD9
400
#837EC4
500
#5750AF
600
#46408C
700
#383370
800
#2C2857
900
#232041
950
#161429

Contrast Checker

Text on white

10.45:1

AA Pass AAA Pass

Text on black

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