#93BAE8

#93BAE8

Color Values

HEX

#93BAE8

RGB

147, 186, 232

HSL

212.5, 64.9%, 74.3%

HSV

212.5, 36.6%, 91.0%

CMYK

36.6%, 19.8%, 0.0%, 9.0%

OKLCH

0.7772 0.0784 252.9

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#93BAE8

#E8C193

Analogous

#93E4E8

#9693E8

#93BAE8

Triadic

#93BAE8

#E893BA

#BAE893

Split Complementary

#93BAE8

#E89693

#E4E893

Tetradic

#93BAE8

#E893E4

#E8C193

#93E896

Color Blindness Simulation

Original

#93BAE8

Protanopia

#A4A4DD

Deuteranopia

#A29FDA

Tritanopia

#95D4D2

Achromatopsia

#B5B5B5

CSS Usage

background-color: #93BAE8;
color: #93BAE8;
border-color: #93BAE8;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D9F2
300
#9ABEEA
400
#639CDE
500
#2D79D2
600
#2460A8
700
#1D4D87
800
#163C69
900
#142E4D
950
#0D1D30

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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