#386F52

#386F52

Color Values

HEX

#386F52

RGB

56, 111, 82

HSL

148.4, 32.9%, 32.7%

HSV

148.4, 49.5%, 43.5%

CMYK

49.5%, 0.0%, 26.1%, 56.5%

OKLCH

0.4952 0.0755 158.9

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#386F52

#6F3855

Analogous

#396F38

#386F6D

#386F52

Triadic

#386F52

#52386F

#6F5238

Split Complementary

#386F52

#6D386F

#6F3839

Tetradic

#386F52

#38396F

#6F3855

#6F6D38

Color Blindness Simulation

Original

#386F52

Protanopia

#505059

Deuteranopia

#4D485B

Tritanopia

#3B5F60

Achromatopsia

#616161

CSS Usage

background-color: #386F52;
color: #386F52;
border-color: #386F52;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E7DB
300
#AED6C1
400
#82C09F
500
#56A97D
600
#448864
700
#376C50
800
#2B553F
900
#223F30
950
#16281E

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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