#3C0C65

#3C0C65

Color Values

HEX

#3C0C65

RGB

60, 12, 101

HSL

272.4, 78.8%, 22.2%

HSV

272.4, 88.1%, 39.6%

CMYK

40.6%, 88.1%, 0.0%, 60.4%

OKLCH

0.2968 0.1404 302.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3C0C65

#35650C

Analogous

#100C65

#650C62

#3C0C65

Triadic

#3C0C65

#653C0C

#0C653C

Split Complementary

#3C0C65

#62650C

#0C6510

Tetradic

#3C0C65

#65100C

#35650C

#0C6265

Color Blindness Simulation

Original

#3C0C65

Protanopia

#27274F

Deuteranopia

#2A2E4A

Tritanopia

#3A3E3B

Achromatopsia

#1D1D1D

CSS Usage

background-color: #3C0C65;
color: #3C0C65;
border-color: #3C0C65;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DEBFF7
300
#C692F2
400
#A756EB
500
#881BE4
600
#6C16B6
700
#571192
800
#440E72
900
#330E53
950
#200934

Contrast Checker

Text on white

14.66:1

AA Pass AAA Pass

Text on black

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