#2F126E

#2F126E

Color Values

HEX

#2F126E

RGB

47, 18, 110

HSL

258.9, 71.9%, 25.1%

HSV

258.9, 83.6%, 43.1%

CMYK

57.3%, 83.6%, 0.0%, 56.9%

OKLCH

0.2957 0.144 288.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2F126E

#516E12

Analogous

#12236E

#5D126E

#2F126E

Triadic

#2F126E

#6E2F12

#126E2F

Split Complementary

#2F126E

#6E5D12

#236E12

Tetradic

#2F126E

#6E1223

#516E12

#126E5D

Color Blindness Simulation

Original

#2F126E

Protanopia

#222258

Deuteranopia

#242652

Tritanopia

#2E4642

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#E9E2F8
200
#D2C2F5
300
#B296EE
400
#885DE4
500
#5E24DB
600
#4B1DAF
700
#3C178C
800
#2F126E
900
#251150
950
#170B32

Contrast Checker

Text on white

14.66:1

AA Pass AAA Pass

Text on black

1.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026