#0C53BA

#0C53BA

Color Values

HEX

#0C53BA

RGB

12, 83, 186

HSL

215.5, 87.9%, 38.8%

HSV

215.5, 93.5%, 72.9%

CMYK

93.5%, 55.4%, 0.0%, 27.1%

OKLCH

0.4682 0.1755 259.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0C53BA

#BA730C

Analogous

#0CAABA

#1C0CBA

#0C53BA

Triadic

#0C53BA

#BA0C53

#53BA0C

Split Complementary

#0C53BA

#BA1C0C

#AABA0C

Tetradic

#0C53BA

#BA0CAA

#BA730C

#0CBA1C

Color Blindness Simulation

Original

#0C53BA

Protanopia

#2B2BA1

Deuteranopia

#27219B

Tritanopia

#108D89

Achromatopsia

#4B4B4B

CSS Usage

background-color: #0C53BA;
color: #0C53BA;
border-color: #0C53BA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BCD6FB
300
#8CB8F8
400
#4E91F4
500
#0F6BF0
600
#0C56C0
700
#0A4499
800
#083578
900
#0A2957
950
#061A37

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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