#36070F

#36070F

Color Values

HEX

#36070F

RGB

54, 7, 15

HSL

349,8, 77,0%, 12,0%

HSV

349,8, 87,0%, 21,2%

CMYK

0,0%, 87,0%, 72,2%, 78,8%

OKLCH

0,2226 0,0737 16,0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#36070F

#07362E

Analogous

#360727

#361707

#36070F

Triadic

#36070F

#0F3607

#070F36

Split Complementary

#36070F

#073617

#072736

Tetradic

#36070F

#273607

#07362E

#170736

Color Blindness Simulation

Original

#36070F

Protanopia

#22210D

Deuteranopia

#24280D

Tritanopia

#340C0B

Achromatopsia

#121212

CSS Usage

background-color: #36070F;
color: #36070F;
border-color: #36070F;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FCF2F4
100
#F9E1E5
200
#F7C0C9
300
#F193A3
400
#E95871
500
#E21D3F
600
#B51732
700
#901328
800
#710F1F
900
#520F1A
950
#340911

Contrast Checker

Text on white

17,59:1

AA Pass AAA Pass

Text on black

1,19: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