#012FCB

#012FCB

Color Values

HEX

#012FCB

RGB

1, 47, 203

HSL

226.3, 99.0%, 40.0%

HSV

226.3, 99.5%, 79.6%

CMYK

99.5%, 76.8%, 0.0%, 20.4%

OKLCH

0.4194 0.2377 264.0

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#012FCB

#CB9D01

Analogous

#0194CB

#3801CB

#012FCB

Triadic

#012FCB

#CB012F

#2FCB01

Split Complementary

#012FCB

#CB3801

#94CB01

Tetradic

#012FCB

#CB0194

#CB9D01

#01CB38

Color Blindness Simulation

Original

#012FCB

Protanopia

#1515A5

Deuteranopia

#120F9C

Tritanopia

#038781

Achromatopsia

#303030

CSS Usage

background-color: #012FCB;
color: #012FCB;
border-color: #012FCB;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C8FF
300
#85A1FE
400
#436EFE
500
#013BFE
600
#012FCB
700
#0126A2
800
#011D7F
900
#05195C
950
#03103A

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

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