#0C6DC0

#0C6DC0

Color Values

HEX

#0C6DC0

RGB

12, 109, 192

HSL

207.7, 88.2%, 40.0%

HSV

207.7, 93.7%, 75.3%

CMYK

93.7%, 43.2%, 0.0%, 24.7%

OKLCH

0.5303 0.1524 251.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0C6DC0

#C05F0C

Analogous

#0CC0B9

#0C13C0

#0C6DC0

Triadic

#0C6DC0

#C00C6D

#6DC00C

Split Complementary

#0C6DC0

#C00C13

#C0B90C

Tetradic

#0C6DC0

#B90CC0

#C05F0C

#13C00C

Color Blindness Simulation

Original

#0C6DC0

Protanopia

#3637AC

Deuteranopia

#3029A7

Tritanopia

#119C99

Achromatopsia

#5E5E5E

CSS Usage

background-color: #0C6DC0;
color: #0C6DC0;
border-color: #0C6DC0;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BCDEFB
300
#8CC6F8
400
#4DA7F4
500
#0F88F0
600
#0C6DC0
700
#0A579A
800
#084478
900
#0A3357
950
#062037

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail 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