#93BCF2

#93BCF2

Color Values

HEX

#93BCF2

RGB

147, 188, 242

HSL

214.1, 78.5%, 76.3%

HSV

214.1, 39.3%, 94.9%

CMYK

39.3%, 22.3%, 0.0%, 5.1%

OKLCH

0.7856 0.0892 255.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#93BCF2

#F2C993

Analogous

#93ECF2

#9A93F2

#93BCF2

Triadic

#93BCF2

#F293BC

#BCF293

Split Complementary

#93BCF2

#F29A93

#ECF293

Tetradic

#93BCF2

#F293EC

#F2C993

#93F29A

Color Blindness Simulation

Original

#93BCF2

Protanopia

#A5A5E5

Deuteranopia

#A29FE2

Tritanopia

#95DBD8

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD7F7
300
#92BBF2
400
#5797EB
500
#1B72E4
600
#165BB6
700
#124992
800
#0E3972
900
#0E2C53
950
#091C34

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.72:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026