#363C2C

#363C2C

Color Values

HEX

#363C2C

RGB

54, 60, 44

HSL

82.5, 15.4%, 20.4%

HSV

82.5, 26.7%, 23.5%

CMYK

10.0%, 0.0%, 26.7%, 76.5%

OKLCH

0.3454 0.028 124.5

Properties

Cool Dark Nearest: RAL 6007 Bottle Green

Color Harmonies

Complementary

#363C2C

#322C3C

Analogous

#3C3A2C

#2E3C2C

#363C2C

Triadic

#363C2C

#2C363C

#3C2C36

Split Complementary

#363C2C

#2C2E3C

#3A2C3C

Tetradic

#363C2C

#2C3C3A

#322C3C

#3C2C2E

Color Blindness Simulation

Original

#363C2C

Protanopia

#393930

Deuteranopia

#383831

Tritanopia

#363334

Achromatopsia

#3A3A3A

CSS Usage

background-color: #363C2C;
color: #363C2C;
border-color: #363C2C;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DDE1D6
300
#C4CBB8
400
#A4AF92
500
#84936C
600
#6A7656
700
#555E45
800
#424A36
900
#32372A
950
#20231A

Contrast Checker

Text on white

11.42:1

AA Pass AAA Pass

Text on black

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