#340216

#340216

Color Values

HEX

#340216

RGB

52, 2, 22

HSL

336.0, 92.6%, 10.6%

HSV

336.0, 96.2%, 20.4%

CMYK

0.0%, 96.2%, 57.7%, 79.6%

OKLCH

0.2132 0.0812 2.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#340216

#023420

Analogous

#34022F

#340702

#340216

Triadic

#340216

#163402

#021634

Split Complementary

#340216

#023407

#022F34

Tetradic

#340216

#2F3402

#023420

#070234

Color Blindness Simulation

Original

#340216

Protanopia

#1E1E11

Deuteranopia

#212510

Tritanopia

#320D0C

Achromatopsia

#0E0E0E

CSS Usage

background-color: #340216;
color: #340216;
border-color: #340216;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD5
300
#FA89B6
400
#F8498F
500
#F60968
600
#C40853
700
#9D0642
800
#7B0534
900
#590828
950
#380519

Contrast Checker

Text on white

18.01:1

AA Pass AAA Pass

Text on black

1.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026