#97B6EC

#97B6EC

Color Values

HEX

#97B6EC

RGB

151, 182, 236

HSL

218.1, 69.1%, 75.9%

HSV

218.1, 36.0%, 92.5%

CMYK

36.0%, 22.9%, 0.0%, 7.5%

OKLCH

0.773 0.0849 261.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#97B6EC

#ECCD97

Analogous

#97E1EC

#A397EC

#97B6EC

Triadic

#97B6EC

#EC97B6

#B6EC97

Split Complementary

#97B6EC

#ECA397

#E1EC97

Tetradic

#97B6EC

#EC97E1

#ECCD97

#97ECA3

Color Blindness Simulation

Original

#97B6EC

Protanopia

#A4A5DF

Deuteranopia

#A3A0DC

Tritanopia

#99D5D2

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D5F4
300
#98B6EC
400
#5F8FE2
500
#2768D8
600
#2053AC
700
#19428A
800
#14346C
900
#12284F
950
#0C1932

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026