#598481

#598481

Color Values

HEX

#598481

RGB

89, 132, 129

HSL

175.8, 19.5%, 43.3%

HSV

175.8, 32.6%, 51.8%

CMYK

32.6%, 0.0%, 2.3%, 48.2%

OKLCH

0.5811 0.0476 190.4

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#598481

#84595C

Analogous

#59846B

#597184

#598481

Triadic

#598481

#815984

#848159

Split Complementary

#598481

#845971

#846B59

Tetradic

#598481

#6B5984

#84595C

#718459

Color Blindness Simulation

Original

#598481

Protanopia

#6C6C82

Deuteranopia

#696682

Tritanopia

#5B8282

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D4E2E1
300
#B6CECC
400
#8EB3B0
500
#679895
600
#527A77
700
#42625F
800
#334C4A
900
#283938
950
#192423

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass 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