#2F2271

#2F2271

Color Values

HEX

#2F2271

RGB

47, 34, 113

HSL

249.9, 53.7%, 28.8%

HSV

249.9, 69.9%, 44.3%

CMYK

58.4%, 69.9%, 0.0%, 55.7%

OKLCH

0.3213 0.1294 283.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2F2271

#647122

Analogous

#223C71

#562271

#2F2271

Triadic

#2F2271

#712F22

#22712F

Split Complementary

#2F2271

#715622

#3C7122

Tetradic

#2F2271

#71223C

#647122

#227156

Color Blindness Simulation

Original

#2F2271

Protanopia

#29295E

Deuteranopia

#2A2B59

Tritanopia

#2E4F4B

Achromatopsia

#2A2A2A

CSS Usage

background-color: #2F2271;
color: #2F2271;
border-color: #2F2271;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FB
100
#E8E5F5
200
#CEC8EE
300
#ACA1E3
400
#7F6ED3
500
#523BC4
600
#412F9D
700
#34267D
800
#291E62
900
#211948
950
#15102D

Contrast Checker

Text on white

13.22:1

AA Pass AAA Pass

Text on black

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