#0C5DF3

#0C5DF3

Color Values

HEX

#0C5DF3

RGB

12, 93, 243

HSL

219.0, 90.6%, 50.0%

HSV

219.0, 95.1%, 95.3%

CMYK

95.1%, 61.7%, 0.0%, 4.7%

OKLCH

0.5372 0.2356 261.9

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#0C5DF3

#F3A20C

Analogous

#0CD0F3

#2F0CF3

#0C5DF3

Triadic

#0C5DF3

#F30C5D

#5DF30C

Split Complementary

#0C5DF3

#F32F0C

#D0F30C

Tetradic

#0C5DF3

#F30CD0

#F3A20C

#0CF32F

Color Blindness Simulation

Original

#0C5DF3

Protanopia

#2F30CF

Deuteranopia

#2A24C6

Tritanopia

#10B2AC

Achromatopsia

#575757

CSS Usage

background-color: #0C5DF3;
color: #0C5DF3;
border-color: #0C5DF3;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BBD2FC
300
#8AB1F9
400
#4B87F6
500
#0C5DF3
600
#0A4AC2
700
#083B9C
800
#062E7A
900
#092558
950
#061738

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

3.88: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