#2F0C74

#2F0C74

Color Values

HEX

#2F0C74

RGB

47, 12, 116

HSL

260.2, 81.2%, 25.1%

HSV

260.2, 89.7%, 45.5%

CMYK

59.5%, 89.7%, 0.0%, 54.5%

OKLCH

0.2965 0.1559 287.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2F0C74

#51740C

Analogous

#0C1D74

#630C74

#2F0C74

Triadic

#2F0C74

#742F0C

#0C742F

Split Complementary

#2F0C74

#74630C

#1D740C

Tetradic

#2F0C74

#740C1D

#51740C

#0C7463

Color Blindness Simulation

Original

#2F0C74

Protanopia

#20205B

Deuteranopia

#222455

Tritanopia

#2D4743

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#E9E1F9
200
#D2BEF8
300
#B290F3
400
#8854ED
500
#5E18E7
600
#4B13B9
700
#3C0F94
800
#2F0C74
900
#250D54
950
#170835

Contrast Checker

Text on white

14.73:1

AA Pass AAA Pass

Text on black

1.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026