#375646

#375646

Color Values

HEX

#375646

RGB

55, 86, 70

HSL

149.0, 22.0%, 27.6%

HSV

149.0, 36.0%, 33.7%

CMYK

36.0%, 0.0%, 18.6%, 66.3%

OKLCH

0.4237 0.0456 161.1

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#375646

#563747

Analogous

#375637

#375655

#375646

Triadic

#375646

#463756

#564637

Split Complementary

#375646

#553756

#563737

Tetradic

#375646

#373756

#563747

#565537

Color Blindness Simulation

Original

#375646

Protanopia

#44454A

Deuteranopia

#43404B

Tritanopia

#394D4E

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D3E3DB
300
#B4CFC1
400
#8CB5A0
500
#639C7F
600
#507C65
700
#406451
800
#324E3F
900
#273A30
950
#19251E

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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