#2F162E

#2F162E

Color Values

HEX

#2F162E

RGB

47, 22, 46

HSL

302.4, 36.2%, 13.5%

HSV

302.4, 53.2%, 18.4%

CMYK

0.0%, 53.2%, 2.1%, 81.6%

OKLCH

0.2466 0.0562 328.6

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#2F162E

#162F17

Analogous

#23162F

#2F1621

#2F162E

Triadic

#2F162E

#2E2F16

#162E2F

Split Complementary

#2F162E

#212F16

#162F23

Tetradic

#2F162E

#2F2316

#162F17

#16212F

Color Blindness Simulation

Original

#2F162E

Protanopia

#242428

Deuteranopia

#262827

Tritanopia

#2E2423

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E8F2
200
#E8CEE7
300
#D8ACD6
400
#C37EC0
500
#AE51AA
600
#8B4188
700
#6F346D
800
#572955
900
#40213F
950
#291528

Contrast Checker

Text on white

16.47:1

AA Pass AAA Pass

Text on black

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