#2F1428

#2F1428

Color Values

HEX

#2F1428

RGB

47, 20, 40

HSL

315.6, 40.3%, 13.1%

HSV

315.6, 57.4%, 18.4%

CMYK

0.0%, 57.4%, 14.9%, 81.6%

OKLCH

0.2395 0.054 337.8

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#2F1428

#142F1B

Analogous

#28142F

#2F141A

#2F1428

Triadic

#2F1428

#282F14

#14282F

Split Complementary

#2F1428

#1A2F14

#142F28

Tetradic

#2F1428

#2F2814

#142F1B

#141A2F

Color Blindness Simulation

Original

#2F1428

Protanopia

#232323

Deuteranopia

#252722

Tritanopia

#2E1F1E

Achromatopsia

#1B1B1B

CSS Usage

background-color: #2F1428;
color: #2F1428;
border-color: #2F1428;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#FAF5F9
100
#F3E7F0
200
#EACDE2
300
#DAA9CE
400
#C77BB3
500
#B34C98
600
#8F3D7A
700
#723161
800
#59264C
900
#421F39
950
#2A1424

Contrast Checker

Text on white

16.78:1

AA Pass AAA Pass

Text on black

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