#97CCEC

#97CCEC

Color Values

HEX

#97CCEC

RGB

151, 204, 236

HSL

202.6, 69.1%, 75.9%

HSV

202.6, 36.0%, 92.5%

CMYK

36.0%, 13.6%, 0.0%, 7.5%

OKLCH

0.8195 0.0712 235.3

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#97CCEC

#ECB797

Analogous

#97ECE2

#97A2EC

#97CCEC

Triadic

#97CCEC

#EC97CC

#CCEC97

Split Complementary

#97CCEC

#EC97A2

#ECE297

Tetradic

#97CCEC

#E297EC

#ECB797

#A2EC97

Color Blindness Simulation

Original

#97CCEC

Protanopia

#AEAEE4

Deuteranopia

#ABA7E2

Tritanopia

#9ADEDD

Achromatopsia

#C3C3C3

CSS Usage

background-color: #97CCEC;
color: #97CCEC;
border-color: #97CCEC;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F8FC
100
#E3F0F8
200
#C3E1F4
300
#98CCEC
400
#5FB1E2
500
#2795D8
600
#2077AC
700
#19608A
800
#144B6C
900
#12384F
950
#0C2332

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026