#97B3F2

#97B3F2

Color Values

HEX

#97B3F2

RGB

151, 179, 242

HSL

221,5, 77,8%, 77,1%

HSV

221,5, 37,6%, 94,9%

CMYK

37,6%, 26,0%, 0,0%, 5,1%

OKLCH

0,7694 0,096 265,7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#97B3F2

#F2D697

Analogous

#97E1F2

#A997F2

#97B3F2

Triadic

#97B3F2

#F297B3

#B3F297

Split Complementary

#97B3F2

#F2A997

#E1F297

Tetradic

#97B3F2

#F297E1

#F2D697

#97F2A9

Color Blindness Simulation

Original

#97B3F2

Protanopia

#A3A3E3

Deuteranopia

#A29FDF

Tritanopia

#98D7D4

Achromatopsia

#B2B2B2

CSS Usage

background-color: #97B3F2;
color: #97B3F2;
border-color: #97B3F2;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F5FC
100
#E1E9F9
200
#C0D1F7
300
#92B0F1
400
#5785EA
500
#1C59E3
600
#1748B5
700
#123991
800
#0E2D71
900
#0F2352
950
#091634

Contrast Checker

Text on white

2,09:1

AA Fail AAA Fail

Text on black

10,05: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