#75AA88

#75AA88

Color Values

HEX

#75AA88

RGB

117, 170, 136

HSL

141.5, 23.8%, 56.3%

HSV

141.5, 31.2%, 66.7%

CMYK

31.2%, 0.0%, 20.0%, 33.3%

OKLCH

0.6911 0.0753 155.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#75AA88

#AA7597

Analogous

#7DAA75

#75AAA3

#75AA88

Triadic

#75AA88

#8875AA

#AA8875

Split Complementary

#75AA88

#A375AA

#AA757D

Tetradic

#75AA88

#757DAA

#AA7597

#AAA375

Color Blindness Simulation

Original

#75AA88

Protanopia

#8C8C90

Deuteranopia

#898592

Tritanopia

#789798

Achromatopsia

#9C9C9C

CSS Usage

background-color: #75AA88;
color: #75AA88;
border-color: #75AA88;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F7
100
#EAF1EC
200
#D3E4D9
300
#B3D0BE
400
#8AB79A
500
#619E77
600
#4E7E5F
700
#3E654C
800
#314F3B
900
#263B2E
950
#18251D

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.86:1

AA Pass AAA Pass

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