#97C2F0

#97C2F0

Color Values

HEX

#97C2F0

RGB

151, 194, 240

HSL

211.0, 74.8%, 76.7%

HSV

211.0, 37.1%, 94.1%

CMYK

37.1%, 19.2%, 0.0%, 5.9%

OKLCH

0.7998 0.0801 250.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#97C2F0

#F0C597

Analogous

#97EFF0

#9997F0

#97C2F0

Triadic

#97C2F0

#F097C2

#C2F097

Split Complementary

#97C2F0

#F09997

#EFF097

Tetradic

#97C2F0

#F097EF

#F0C597

#97F099

Color Blindness Simulation

Original

#97C2F0

Protanopia

#AAAAE5

Deuteranopia

#A7A4E2

Tritanopia

#99DCDA

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2EDF8
200
#C1DAF6
300
#94C0F0
400
#5A9EE7
500
#207CDF
600
#1A63B2
700
#15508F
800
#103E6F
900
#102F51
950
#0A1E33

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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