#97AEE2

#97AEE2

Color Values

HEX

#97AEE2

RGB

151, 174, 226

HSL

221,6, 56,4%, 73,9%

HSV

221,6, 33,2%, 88,6%

CMYK

33,2%, 23,0%, 0,0%, 11,4%

OKLCH

0,7523 0,0796 266,0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#97AEE2

#E2CB97

Analogous

#97D3E2

#A597E2

#97AEE2

Triadic

#97AEE2

#E297AE

#AEE297

Split Complementary

#97AEE2

#E2A597

#D3E297

Tetradic

#97AEE2

#E297D3

#E2CB97

#97E2A5

Color Blindness Simulation

Original

#97AEE2

Protanopia

#A1A1D5

Deuteranopia

#A09ED2

Tritanopia

#98CBC9

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EAF6
200
#C7D4EF
300
#9FB4E4
400
#6B8CD6
500
#3864C7
600
#2C50A0
700
#244080
800
#1C3264
900
#182749
950
#0F192E

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,47:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026