#97D6EC

#97D6EC

Color Values

HEX

#97D6EC

RGB

151, 214, 236

HSL

195.5, 69.1%, 75.9%

HSV

195.5, 36.0%, 92.5%

CMYK

36.0%, 9.3%, 0.0%, 7.5%

OKLCH

0.8411 0.0708 221.7

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#97D6EC

#ECAD97

Analogous

#97ECD7

#97ACEC

#97D6EC

Triadic

#97D6EC

#EC97D6

#D6EC97

Split Complementary

#97D6EC

#EC97AC

#ECD797

Tetradic

#97D6EC

#D797EC

#ECAD97

#ACEC97

Color Blindness Simulation

Original

#97D6EC

Protanopia

#B2B3E7

Deuteranopia

#AFAAE5

Tritanopia

#9AE2E2

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F2F8
200
#C3E7F4
300
#98D6EC
400
#5FC0E2
500
#27AAD8
600
#2088AC
700
#196D8A
800
#14556C
900
#123F4F
950
#0C2832

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.15:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026