#97B5ED

#97B5ED

Color Values

HEX

#97B5ED

RGB

151, 181, 237

HSL

219.1, 70.5%, 76.1%

HSV

219.1, 36.3%, 92.9%

CMYK

36.3%, 23.6%, 0.0%, 7.1%

OKLCH

0.7714 0.0872 262.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#97B5ED

#EDCF97

Analogous

#97E0ED

#A497ED

#97B5ED

Triadic

#97B5ED

#ED97B5

#B5ED97

Split Complementary

#97B5ED

#EDA497

#E0ED97

Tetradic

#97B5ED

#ED97E0

#EDCF97

#97EDA4

Color Blindness Simulation

Original

#97B5ED

Protanopia

#A4A4DF

Deuteranopia

#A2A0DC

Tritanopia

#98D5D2

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D4F4
300
#97B5ED
400
#5E8CE3
500
#2664D9
600
#1E50AE
700
#18408B
800
#13326D
900
#12274F
950
#0B1932

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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