#93BDF2

#93BDF2

Color Values

HEX

#93BDF2

RGB

147, 189, 242

HSL

213.5, 78.5%, 76.3%

HSV

213.5, 39.3%, 94.9%

CMYK

39.3%, 21.9%, 0.0%, 5.1%

OKLCH

0.7877 0.0884 254.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#93BDF2

#F2C893

Analogous

#93ECF2

#9993F2

#93BDF2

Triadic

#93BDF2

#F293BD

#BDF293

Split Complementary

#93BDF2

#F29993

#ECF293

Tetradic

#93BDF2

#F293EC

#F2C893

#93F299

Color Blindness Simulation

Original

#93BDF2

Protanopia

#A5A6E5

Deuteranopia

#A3A0E2

Tritanopia

#95DBD9

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD8F7
300
#92BCF2
400
#5798EB
500
#1B74E4
600
#165DB6
700
#124A92
800
#0E3A72
900
#0E2C53
950
#091C34

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026