#0796C5

#0796C5

Color Values

HEX

#0796C5

RGB

7, 150, 197

HSL

194.8, 93.1%, 40.0%

HSV

194.8, 96.4%, 77.3%

CMYK

96.4%, 23.9%, 0.0%, 22.7%

OKLCH

0.6302 0.1239 229.6

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#0796C5

#C53607

Analogous

#07C595

#0737C5

#0796C5

Triadic

#0796C5

#C50796

#96C507

Split Complementary

#0796C5

#C50737

#C59507

Tetradic

#0796C5

#9507C5

#C53607

#37C507

Color Blindness Simulation

Original

#0796C5

Protanopia

#4546BA

Deuteranopia

#3D32B7

Tritanopia

#0EB1AF

Achromatopsia

#7B7B7B

CSS Usage

background-color: #0796C5;
color: #0796C5;
border-color: #0796C5;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAECFD
300
#89DFFB
400
#49CDF8
500
#09BCF6
600
#0796C5
700
#06789E
800
#045E7B
900
#084559
950
#052C38

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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