#0997C3

#0997C3

Color Values

HEX

#0997C3

RGB

9, 151, 195

HSL

194.2, 91.2%, 40.0%

HSV

194.2, 95.4%, 76.5%

CMYK

95.4%, 22.6%, 0.0%, 23.5%

OKLCH

0.6318 0.1215 227.8

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#0997C3

#C33509

Analogous

#09C392

#093AC3

#0997C3

Triadic

#0997C3

#C30997

#97C309

Split Complementary

#0997C3

#C3093A

#C39209

Tetradic

#0997C3

#9209C3

#C33509

#3AC309

Color Blindness Simulation

Original

#0997C3

Protanopia

#4748B8

Deuteranopia

#3E34B6

Tritanopia

#10B0AE

Achromatopsia

#7C7C7C

CSS Usage

background-color: #0997C3;
color: #0997C3;
border-color: #0997C3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BBECFC
300
#8ADFFA
400
#4BCEF7
500
#0BBDF4
600
#0997C3
700
#07799C
800
#065E7A
900
#094558
950
#052C38

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026