#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026