#538875

#538875

Color Values

HEX

#538875

RGB

83, 136, 117

HSL

158.5, 24.2%, 42.9%

HSV

158.5, 39.0%, 53.3%

CMYK

39.0%, 0.0%, 14.0%, 46.7%

OKLCH

0.5838 0.0643 169.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#538875

#885366

Analogous

#53885A

#538088

#538875

Triadic

#538875

#755388

#887553

Split Complementary

#538875

#885380

#885A53

Tetradic

#538875

#5A5388

#885366

#808853

Color Blindness Simulation

Original

#538875

Protanopia

#6A6A7A

Deuteranopia

#67637B

Tritanopia

#567D7E

Achromatopsia

#7B7B7B

CSS Usage

background-color: #538875;
color: #538875;
border-color: #538875;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D3E4DE
300
#B3D1C6
400
#8AB7A7
500
#619E88
600
#4D7F6D
700
#3E6557
800
#304F44
900
#263B33
950
#182520

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026