#97CEFC

#97CEFC

Color Values

HEX

#97CEFC

RGB

151, 206, 252

HSL

207,3, 94,4%, 79,0%

HSV

207,3, 40,1%, 98,8%

CMYK

40,1%, 18,3%, 0,0%, 1,2%

OKLCH

0,8299 0,0864 244,3

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#97CEFC

#FCC597

Analogous

#97FCF7

#979BFC

#97CEFC

Triadic

#97CEFC

#FC97CE

#CEFC97

Split Complementary

#97CEFC

#FC979B

#FCF797

Tetradic

#97CEFC

#F797FC

#FCC597

#9BFC97

Color Blindness Simulation

Original

#97CEFC

Protanopia

#AFAFF1

Deuteranopia

#ACA8EE

Tritanopia

#9AE8E6

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFD
300
#88C7FC
400
#48A9FA
500
#078AF8
600
#066FC6
700
#05599F
800
#04457C
900
#07345A
950
#052139

Contrast Checker

Text on white

1,67:1

AA Fail AAA Fail

Text on black

12,55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026