#97BFEE

#97BFEE

Color Values

HEX

#97BFEE

RGB

151, 191, 238

HSL

212.4, 71.9%, 76.3%

HSV

212.4, 36.6%, 93.3%

CMYK

36.6%, 19.7%, 0.0%, 6.7%

OKLCH

0.7927 0.0798 252.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#97BFEE

#EEC697

Analogous

#97EBEE

#9B97EE

#97BFEE

Triadic

#97BFEE

#EE97BF

#BFEE97

Split Complementary

#97BFEE

#EE9B97

#EBEE97

Tetradic

#97BFEE

#EE97EB

#EEC697

#97EE9B

Color Blindness Simulation

Original

#97BFEE

Protanopia

#A8A9E3

Deuteranopia

#A6A3E0

Tritanopia

#99DAD8

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C2D9F5
300
#96BEEE
400
#5D9BE4
500
#2478DB
600
#1D60AF
700
#174D8C
800
#123C6E
900
#112E50
950
#0B1D32

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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