#75D3D2

#75D3D2

Color Values

HEX

#75D3D2

RGB

117, 211, 210

HSL

179.4, 51.6%, 64.3%

HSV

179.4, 44.5%, 82.7%

CMYK

44.5%, 0.0%, 0.5%, 17.3%

OKLCH

0.8089 0.0896 194.6

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#75D3D2

#D37576

Analogous

#75D3A3

#75A5D3

#75D3D2

Triadic

#75D3D2

#D275D3

#D3D275

Split Complementary

#75D3D2

#D375A5

#D3A375

Tetradic

#75D3D2

#A375D3

#D37576

#A5D375

Color Blindness Simulation

Original

#75D3D2

Protanopia

#9E9FD2

Deuteranopia

#9891D2

Tritanopia

#7AD2D2

Achromatopsia

#BFBFBF

CSS Usage

background-color: #75D3D2;
color: #75D3D2;
border-color: #75D3D2;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E1E1
400
#70D1D0
500
#3EC1C0
600
#319B9A
700
#277C7B
800
#1F6160
900
#1A4747
950
#102D2D

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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