#0680C6

#0680C6

Color Values

HEX

#0680C6

RGB

6, 128, 198

HSL

201.9, 94.1%, 40.0%

HSV

201.9, 97.0%, 77.6%

CMYK

97.0%, 35.4%, 0.0%, 22.4%

OKLCH

0.5779 0.1409 244.0

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#0680C6

#C64C06

Analogous

#06C6AC

#0620C6

#0680C6

Triadic

#0680C6

#C60680

#80C606

Split Complementary

#0680C6

#C60620

#C6AC06

Tetradic

#0680C6

#AC06C6

#C64C06

#20C606

Color Blindness Simulation

Original

#0680C6

Protanopia

#3B3CB5

Deuteranopia

#342BB1

Tritanopia

#0CA8A5

Achromatopsia

#6B6B6B

CSS Usage

background-color: #0680C6;
color: #0680C6;
border-color: #0680C6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE4FD
300
#88D1FB
400
#48B9F9
500
#08A0F7
600
#0680C6
700
#05669E
800
#04507C
900
#073C59
950
#052639

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026