#538269

#538269

Color Values

HEX

#538269

RGB

83, 130, 105

HSL

148.1, 22.1%, 41.8%

HSV

148.1, 36.2%, 51.0%

CMYK

36.2%, 0.0%, 19.2%, 49.0%

OKLCH

0.5652 0.0647 160.2

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#538269

#82536C

Analogous

#558253

#538281

#538269

Triadic

#538269

#695382

#826953

Split Complementary

#538269

#815382

#825355

Tetradic

#538269

#535582

#82536C

#828153

Color Blindness Simulation

Original

#538269

Protanopia

#67686F

Deuteranopia

#656170

Tritanopia

#557475

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF1ED
200
#D3E3DB
300
#B4CFC1
400
#8CB69F
500
#639C7E
600
#4F7D65
700
#406450
800
#324E3F
900
#273A30
950
#19251E

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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