#93D8CC

#93D8CC

Color Values

HEX

#93D8CC

RGB

147, 216, 204

HSL

169.6, 46.9%, 71.2%

HSV

169.6, 31.9%, 84.7%

CMYK

31.9%, 0.0%, 5.6%, 15.3%

OKLCH

0.8329 0.0715 182.4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#93D8CC

#D8939F

Analogous

#93D8AA

#93C2D8

#93D8CC

Triadic

#93D8CC

#CC93D8

#D8CC93

Split Complementary

#93D8CC

#D893C2

#D8AA93

Tetradic

#93D8CC

#AA93D8

#D8939F

#C2D893

Color Blindness Simulation

Original

#93D8CC

Protanopia

#B1B1CF

Deuteranopia

#ADA8D0

Tritanopia

#96D1D2

Achromatopsia

#C8C8C8

CSS Usage

background-color: #93D8CC;
color: #93D8CC;
border-color: #93D8CC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FAF9
100
#E6F4F2
200
#CBECE6
300
#A5DFD5
400
#74CDBE
500
#44BBA7
600
#369685
700
#2B786B
800
#225E53
900
#1C453E
950
#122C27

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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