#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026