#386253

#386253

Color Values

HEX

#386253

RGB

56, 98, 83

HSL

158.6, 27.3%, 30.2%

HSV

158.6, 42.9%, 38.4%

CMYK

42.9%, 0.0%, 15.3%, 61.6%

OKLCH

0.4605 0.0536 169.1

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#386253

#623847

Analogous

#38623E

#385C62

#386253

Triadic

#386253

#533862

#625338

Split Complementary

#386253

#62385C

#623E38

Tetradic

#386253

#3E3862

#623847

#5C6238

Color Blindness Simulation

Original

#386253

Protanopia

#4A4B57

Deuteranopia

#484558

Tritanopia

#3A595A

Achromatopsia

#585858

CSS Usage

background-color: #386253;
color: #386253;
border-color: #386253;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E5DE
300
#B1D3C7
400
#87BAA8
500
#5DA289
600
#4A826E
700
#3B6858
800
#2E5145
900
#253C34
950
#172621

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

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