#93ADC5

#93ADC5

Color Values

HEX

#93ADC5

RGB

147, 173, 197

HSL

208.8, 30.1%, 67.5%

HSV

208.8, 25.4%, 77.3%

CMYK

25.4%, 12.2%, 0.0%, 22.7%

OKLCH

0.7361 0.0452 246.3

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#93ADC5

#C5AB93

Analogous

#93C5C4

#9394C5

#93ADC5

Triadic

#93ADC5

#C593AD

#ADC593

Split Complementary

#93ADC5

#C59394

#C5C493

Tetradic

#93ADC5

#C493C5

#C5AB93

#94C593

Color Blindness Simulation

Original

#93ADC5

Protanopia

#9E9EBF

Deuteranopia

#9D9BBE

Tritanopia

#94BBBA

Achromatopsia

#A9A9A9

CSS Usage

background-color: #93ADC5;
color: #93ADC5;
border-color: #93ADC5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DCE6
300
#AFC3D4
400
#84A2BD
500
#5981A6
600
#476785
700
#39536A
800
#2D4153
900
#23313E
950
#161F27

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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