#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

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