#97ADDC

#97ADDC

Color Values

HEX

#97ADDC

RGB

151, 173, 220

HSL

220,9, 49,6%, 72,7%

HSV

220,9, 31,4%, 86,3%

CMYK

31,4%, 21,4%, 0,0%, 13,7%

OKLCH

0,7477 0,0725 265,1

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#97ADDC

#DCC697

Analogous

#97CFDC

#A397DC

#97ADDC

Triadic

#97ADDC

#DC97AD

#ADDC97

Split Complementary

#97ADDC

#DCA397

#CFDC97

Tetradic

#97ADDC

#DC97CF

#DCC697

#97DCA3

Color Blindness Simulation

Original

#97ADDC

Protanopia

#A1A1D1

Deuteranopia

#9F9ECE

Tritanopia

#98C8C6

Achromatopsia

#ACACAC

CSS Usage

background-color: #97ADDC;
color: #97ADDC;
border-color: #97ADDC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD5ED
300
#A3B7E0
400
#7290CF
500
#4069BF
600
#335499
700
#29437A
800
#20345F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

2,25:1

AA Fail AAA Fail

Text on black

9,33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026