#0686C6

#0686C6

Color Values

HEX

#0686C6

RGB

6, 134, 198

HSL

200.0, 94.1%, 40.0%

HSV

200.0, 97.0%, 77.6%

CMYK

97.0%, 32.3%, 0.0%, 22.4%

OKLCH

0.5921 0.1356 240.6

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#0686C6

#C64606

Analogous

#06C6A6

#0626C6

#0686C6

Triadic

#0686C6

#C60686

#86C606

Split Complementary

#0686C6

#C60626

#C6A606

Tetradic

#0686C6

#A606C6

#C64606

#26C606

Color Blindness Simulation

Original

#0686C6

Protanopia

#3D3FB7

Deuteranopia

#362CB3

Tritanopia

#0CAAA8

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF2FB
200
#BAE6FD
300
#88D5FB
400
#48BEF9
500
#08A7F7
600
#0686C6
700
#056B9E
800
#04547C
900
#073E59
950
#052739

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.23:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026