#2F1C63

#2F1C63

Color Values

HEX

#2F1C63

RGB

47, 28, 99

HSL

256.1, 55.9%, 24.9%

HSV

256.1, 71.7%, 38.8%

CMYK

52.5%, 71.7%, 0.0%, 61.2%

OKLCH

0.2983 0.1182 289.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#2F1C63

#50631C

Analogous

#1C2C63

#531C63

#2F1C63

Triadic

#2F1C63

#632F1C

#1C632F

Split Complementary

#2F1C63

#63531C

#2C631C

Tetradic

#2F1C63

#631C2C

#50631C

#1C6353

Color Blindness Simulation

Original

#2F1C63

Protanopia

#272752

Deuteranopia

#28294E

Tritanopia

#2E4441

Achromatopsia

#252525

CSS Usage

background-color: #2F1C63;
color: #2F1C63;
border-color: #2F1C63;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F6F4FB
100
#E9E5F6
200
#D2C7EF
300
#B2A0E4
400
#886CD5
500
#5E38C7
600
#4C2D9F
700
#3C247F
800
#2F1C63
900
#251849
950
#170F2E

Contrast Checker

Text on white

14.31:1

AA Pass AAA Pass

Text on black

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