#93ABBE

#93ABBE

Color Values

HEX

#93ABBE

RGB

147, 171, 190

HSL

206.5, 24.9%, 66.1%

HSV

206.5, 22.6%, 74.5%

CMYK

22.6%, 10.0%, 0.0%, 25.5%

OKLCH

0.7292 0.0384 242.0

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#93ABBE

#BEA693

Analogous

#93BEBC

#9396BE

#93ABBE

Triadic

#93ABBE

#BE93AB

#ABBE93

Split Complementary

#93ABBE

#BE9396

#BEBC93

Tetradic

#93ABBE

#BC93BE

#BEA693

#96BE93

Color Blindness Simulation

Original

#93ABBE

Protanopia

#9D9EB9

Deuteranopia

#9C9AB8

Tritanopia

#94B6B5

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DCE4
300
#B3C4D1
400
#89A3B8
500
#60839F
600
#4D697F
700
#3D5466
800
#304250
900
#26323B
950
#181F25

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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