#97CBEC

#97CBEC

Color Values

HEX

#97CBEC

RGB

151, 203, 236

HSL

203.3, 69.1%, 75.9%

HSV

203.3, 36.0%, 92.5%

CMYK

36.0%, 14.0%, 0.0%, 7.5%

OKLCH

0.8174 0.0714 236.6

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#97CBEC

#ECB897

Analogous

#97ECE3

#97A1EC

#97CBEC

Triadic

#97CBEC

#EC97CB

#CBEC97

Split Complementary

#97CBEC

#EC97A1

#ECE397

Tetradic

#97CBEC

#E397EC

#ECB897

#A1EC97

Color Blindness Simulation

Original

#97CBEC

Protanopia

#AEAEE4

Deuteranopia

#AAA7E2

Tritanopia

#9ADEDC

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E1F4
300
#98CBEC
400
#5FAFE2
500
#2793D8
600
#2076AC
700
#195E8A
800
#144A6C
900
#12374F
950
#0C2332

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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