#0C8DC2

#0C8DC2

Color Values

HEX

#0C8DC2

RGB

12, 141, 194

HSL

197.5, 88.3%, 40.4%

HSV

197.5, 93.8%, 76.1%

CMYK

93.8%, 27.3%, 0.0%, 23.9%

OKLCH

0.6072 0.1257 234.6

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#0C8DC2

#C2410C

Analogous

#0CC29C

#0C32C2

#0C8DC2

Triadic

#0C8DC2

#C20C8D

#8DC20C

Split Complementary

#0C8DC2

#C20C32

#C29C0C

Tetradic

#0C8DC2

#9C0CC2

#C2410C

#32C20C

Color Blindness Simulation

Original

#0C8DC2

Protanopia

#4445B5

Deuteranopia

#3C33B2

Tritanopia

#12ABA9

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F3FB
200
#BCE8FB
300
#8CD8F8
400
#4DC3F4
500
#0FAEF0
600
#0C8CC0
700
#0A709A
800
#075778
900
#0A4057
950
#062937

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

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