#93CFD5

#93CFD5

Color Values

HEX

#93CFD5

RGB

147, 207, 213

HSL

185.5, 44.0%, 70.6%

HSV

185.5, 31.0%, 83.5%

CMYK

31.0%, 2.8%, 0.0%, 16.5%

OKLCH

0.8157 0.0618 203.8

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#93CFD5

#D59993

Analogous

#93D5BA

#93AED5

#93CFD5

Triadic

#93CFD5

#D593CF

#CFD593

Split Complementary

#93CFD5

#D593AE

#D5BA93

Tetradic

#93CFD5

#BA93D5

#D59993

#AED593

Color Blindness Simulation

Original

#93CFD5

Protanopia

#ADAED4

Deuteranopia

#AAA5D3

Tritanopia

#96D2D2

Achromatopsia

#C3C3C3

CSS Usage

background-color: #93CFD5;
color: #93CFD5;
border-color: #93CFD5;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CCE8EB
300
#A7D8DD
400
#77C3CA
500
#47ADB8
600
#398B93
700
#2E6F76
800
#24575C
900
#1D4044
950
#12282B

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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