#362136

#362136

Color Values

HEX

#362136

RGB

54, 33, 54

HSL

300.0, 24.1%, 17.1%

HSV

300.0, 38.9%, 21.2%

CMYK

0.0%, 38.9%, 0.0%, 78.8%

OKLCH

0.2833 0.0475 326.7

Properties

Warm Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#362136

#213621

Analogous

#2C2136

#36212C

#362136

Triadic

#362136

#363621

#213636

Split Complementary

#362136

#2C3621

#21362C

Tetradic

#362136

#362C21

#213621

#212C36

Color Blindness Simulation

Original

#362136

Protanopia

#2D2D31

Deuteranopia

#2E3030

Tritanopia

#352D2C

Achromatopsia

#272727

CSS Usage

background-color: #362136;
color: #362136;
border-color: #362136;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E4D3E4
300
#D1B3D1
400
#B78AB7
500
#9E619E
600
#7F4D7F
700
#653E65
800
#4F304F
900
#3B263B
950
#251825

Contrast Checker

Text on white

14.71:1

AA Pass AAA Pass

Text on black

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