#97CBDA

#97CBDA

Color Values

HEX

#97CBDA

RGB

151, 203, 218

HSL

193.4, 47.5%, 72.4%

HSV

193.4, 30.7%, 85.5%

CMYK

30.7%, 6.9%, 0.0%, 14.5%

OKLCH

0.8109 0.0579 217.5

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#97CBDA

#DAA697

Analogous

#97DAC8

#97AADA

#97CBDA

Triadic

#97CBDA

#DA97CB

#CBDA97

Split Complementary

#97CBDA

#DA97AA

#DAC897

Tetradic

#97CBDA

#C897DA

#DAA697

#AADA97

Color Blindness Simulation

Original

#97CBDA

Protanopia

#AEAED6

Deuteranopia

#AAA7D6

Tritanopia

#9AD4D3

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CAE5EC
300
#A5D2DF
400
#74B9CD
500
#43A1BC
600
#368196
700
#2B6778
800
#21515E
900
#1C3C45
950
#12262C

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026