#0768C0

#0768C0

Color Values

HEX

#0768C0

RGB

7, 104, 192

HSL

208.5, 93.0%, 39.0%

HSV

208.5, 96.4%, 75.3%

CMYK

96.4%, 45.8%, 0.0%, 24.7%

OKLCH

0.5184 0.1586 253.4

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#0768C0

#C05F07

Analogous

#07C0BB

#070CC0

#0768C0

Triadic

#0768C0

#C00768

#68C007

Split Complementary

#0768C0

#C0070C

#C0BB07

Tetradic

#0768C0

#BB07C0

#C05F07

#0CC007

Color Blindness Simulation

Original

#0768C0

Protanopia

#3132AB

Deuteranopia

#2B24A6

Tritanopia

#0C9A96

Achromatopsia

#5A5A5A

CSS Usage

background-color: #0768C0;
color: #0768C0;
border-color: #0768C0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFD
300
#89C5FB
400
#49A5F8
500
#0985F6
600
#076BC5
700
#06559D
800
#04437B
900
#083259
950
#052038

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

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