#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026