#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

Tháng 1 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Tháng 1 21, 2026
Tutorials

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

Tháng 1 18, 2026