#75D7AF

#75D7AF

Color Values

HEX

#75D7AF

RGB

117, 215, 175

HSL

155,5, 55,1%, 65,1%

HSV

155,5, 45,6%, 84,3%

CMYK

45,6%, 0,0%, 18,6%, 15,7%

OKLCH

0,808 0,1101 165,3

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#75D7AF

#D7759D

Analogous

#75D77E

#75CED7

#75D7AF

Triadic

#75D7AF

#AF75D7

#D7AF75

Split Complementary

#75D7AF

#D775CE

#D77E75

Tetradic

#75D7AF

#7E75D7

#D7759D

#CED775

Color Blindness Simulation

Original

#75D7AF

Protanopia

#9FA0B9

Deuteranopia

#9A92BB

Tritanopia

#7AC0C2

Achromatopsia

#BFBFBF

CSS Usage

background-color: #75D7AF;
color: #75D7AF;
border-color: #75D7AF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C8EFDF
300
#A0E4C8
400
#6DD5AA
500
#39C68C
600
#2E9E70
700
#257F5A
800
#1D6346
900
#184835
950
#0F2E21

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,1: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