#3C2852

#3C2852

Color Values

HEX

#3C2852

RGB

60, 40, 82

HSL

268.6, 34.4%, 23.9%

HSV

268.6, 51.2%, 32.2%

CMYK

26.8%, 51.2%, 0.0%, 67.8%

OKLCH

0.3216 0.0756 304.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3C2852

#3E5228

Analogous

#282952

#512852

#3C2852

Triadic

#3C2852

#523C28

#28523C

Split Complementary

#3C2852

#525128

#295228

Tetradic

#3C2852

#522829

#3E5228

#285251

Color Blindness Simulation

Original

#3C2852

Protanopia

#333348

Deuteranopia

#343645

Tritanopia

#3B403E

Achromatopsia

#2F2F2F

CSS Usage

background-color: #3C2852;
color: #3C2852;
border-color: #3C2852;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DBCFE8
300
#C1ADD7
400
#9F80C1
500
#7D54AB
600
#644389
700
#50366E
800
#3F2A56
900
#30213F
950
#1E1528

Contrast Checker

Text on white

12.98:1

AA Pass AAA Pass

Text on black

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