#97DAEC

#97DAEC

Color Values

HEX

#97DAEC

RGB

151, 218, 236

HSL

192.7, 69.1%, 75.9%

HSV

192.7, 36.0%, 92.5%

CMYK

36.0%, 7.6%, 0.0%, 7.5%

OKLCH

0.8498 0.0717 216.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#97DAEC

#ECA997

Analogous

#97ECD4

#97B0EC

#97DAEC

Triadic

#97DAEC

#EC97DA

#DAEC97

Split Complementary

#97DAEC

#EC97B0

#ECD497

Tetradic

#97DAEC

#D497EC

#ECA997

#B0EC97

Color Blindness Simulation

Original

#97DAEC

Protanopia

#B4B5E8

Deuteranopia

#B0ABE7

Tritanopia

#9AE4E3

Achromatopsia

#CDCDCD

CSS Usage

background-color: #97DAEC;
color: #97DAEC;
border-color: #97DAEC;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F3FAFC
100
#E3F3F8
200
#C3EAF4
300
#98DAEC
400
#5FC6E2
500
#27B2D8
600
#208FAC
700
#19728A
800
#14596C
900
#12424F
950
#0C2A32

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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