#2F045B

#2F045B

Color Values

HEX

#2F045B

RGB

47, 4, 91

HSL

269,7, 91,6%, 18,6%

HSV

269,7, 95,6%, 35,7%

CMYK

48,4%, 95,6%, 0,0%, 64,3%

OKLCH

0,2615 0,1348 297,9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2F045B

#305B04

Analogous

#04045B

#5A045B

#2F045B

Triadic

#2F045B

#5B2F04

#045B2F

Split Complementary

#2F045B

#5B5A04

#045B04

Tetradic

#2F045B

#5B0404

#305B04

#045B5A

Color Blindness Simulation

Original

#2F045B

Protanopia

#1C1C46

Deuteranopia

#1F2241

Tritanopia

#2D3532

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBBFC
300
#C18AFA
400
#A04AF7
500
#7E0BF4
600
#6509C3
700
#51079C
800
#3F057A
900
#300958
950
#1E0538

Contrast Checker

Text on white

16,29:1

AA Pass AAA Pass

Text on black

1,29: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