#93DAE2

#93DAE2

Color Values

HEX

#93DAE2

RGB

147, 218, 226

HSL

186.1, 57.7%, 73.1%

HSV

186.1, 35.0%, 88.6%

CMYK

35.0%, 3.5%, 0.0%, 11.4%

OKLCH

0.8443 0.0716 204.8

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#93DAE2

#E29B93

Analogous

#93E2C2

#93B2E2

#93DAE2

Triadic

#93DAE2

#E293DA

#DAE293

Split Complementary

#93DAE2

#E293B2

#E2C293

Tetradic

#93DAE2

#C293E2

#E29B93

#B2E293

Color Blindness Simulation

Original

#93DAE2

Protanopia

#B2B2E0

Deuteranopia

#AEA8E0

Tritanopia

#97DFDE

Achromatopsia

#CBCBCB

CSS Usage

background-color: #93DAE2;
color: #93DAE2;
border-color: #93DAE2;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C7ECF0
300
#9EDEE5
400
#6ACCD7
500
#36BAC9
600
#2B95A1
700
#237781
800
#1B5D65
900
#17444A
950
#0F2B2E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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