#93B0CE

#93B0CE

Color Values

HEX

#93B0CE

RGB

147, 176, 206

HSL

210.5, 37.6%, 69.2%

HSV

210.5, 28.6%, 80.8%

CMYK

28.6%, 14.6%, 0.0%, 19.2%

OKLCH

0.7458 0.054 249.4

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#93B0CE

#CEB193

Analogous

#93CDCE

#9393CE

#93B0CE

Triadic

#93B0CE

#CE93B0

#B0CE93

Split Complementary

#93B0CE

#CE9393

#CDCE93

Tetradic

#93B0CE

#CE93CD

#CEB193

#93CE93

Color Blindness Simulation

Original

#93B0CE

Protanopia

#A0A0C7

Deuteranopia

#9E9CC5

Tritanopia

#94C1C0

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDBE9
300
#ABC1D9
400
#7DA0C4
500
#507FAF
600
#40658C
700
#335170
800
#283F58
900
#203041
950
#141E29

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026