#3C0C68

#3C0C68

Color Values

HEX

#3C0C68

RGB

60, 12, 104

HSL

271.3, 79.3%, 22.7%

HSV

271.3, 88.5%, 40.8%

CMYK

42.3%, 88.5%, 0.0%, 59.2%

OKLCH

0.2998 0.1435 301.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3C0C68

#38680C

Analogous

#0E0C68

#680C66

#3C0C68

Triadic

#3C0C68

#683C0C

#0C683C

Split Complementary

#3C0C68

#66680C

#0C680E

Tetradic

#3C0C68

#680E0C

#38680C

#0C6668

Color Blindness Simulation

Original

#3C0C68

Protanopia

#272752

Deuteranopia

#2A2E4C

Tritanopia

#3A403C

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBFF8
300
#C491F2
400
#A456EB
500
#841AE5
600
#6A15B7
700
#541192
800
#420D72
900
#320E53
950
#200934

Contrast Checker

Text on white

14.54:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026