#384F45

#384F45

Color Values

HEX

#384F45

RGB

56, 79, 69

HSL

153.9, 17.0%, 26.5%

HSV

153.9, 29.1%, 31.0%

CMYK

29.1%, 0.0%, 12.7%, 69.0%

OKLCH

0.4053 0.033 166.1

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#384F45

#4F3842

Analogous

#384F3A

#384E4F

#384F45

Triadic

#384F45

#45384F

#4F4538

Split Complementary

#384F45

#4F384E

#4F3A38

Tetradic

#384F45

#3A384F

#4F3842

#4E4F38

Color Blindness Simulation

Original

#384F45

Protanopia

#424247

Deuteranopia

#413F48

Tritanopia

#39494A

Achromatopsia

#494949

CSS Usage

background-color: #384F45;
color: #384F45;
border-color: #384F45;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D5E1DC
300
#B7CCC3
400
#91B1A3
500
#6A9582
600
#557768
700
#445F53
800
#354B41
900
#293831
950
#1A231F

Contrast Checker

Text on white

8.85:1

AA Pass AAA Pass

Text on black

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