#97D4EC

#97D4EC

Color Values

HEX

#97D4EC

RGB

151, 212, 236

HSL

196,9, 69,1%, 75,9%

HSV

196,9, 36,0%, 92,5%

CMYK

36,0%, 10,2%, 0,0%, 7,5%

OKLCH

0,8367 0,0705 224,4

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#97D4EC

#ECAF97

Analogous

#97ECD9

#97AAEC

#97D4EC

Triadic

#97D4EC

#EC97D4

#D4EC97

Split Complementary

#97D4EC

#EC97AA

#ECD997

Tetradic

#97D4EC

#D997EC

#ECAF97

#AAEC97

Color Blindness Simulation

Original

#97D4EC

Protanopia

#B1B2E6

Deuteranopia

#AEA9E5

Tritanopia

#9AE2E1

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F2F8
200
#C3E6F4
300
#98D4EC
400
#5FBDE2
500
#27A6D8
600
#2085AC
700
#196A8A
800
#14536C
900
#123E4F
950
#0C2732

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,94:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026