#012BFE

#012BFE

Color Values

HEX

#012BFE

RGB

1, 43, 254

HSL

230.0, 99.2%, 50.0%

HSV

230.0, 99.6%, 99.6%

CMYK

99.6%, 83.1%, 0.0%, 0.4%

OKLCH

0.4753 0.2956 264.3

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#012BFE

#FED401

Analogous

#01AAFE

#5501FE

#012BFE

Triadic

#012BFE

#FE012B

#2BFE01

Split Complementary

#012BFE

#FE5501

#AAFE01

Tetradic

#012BFE

#FE01AA

#FED401

#01FE55

Color Blindness Simulation

Original

#012BFE

Protanopia

#1314CB

Deuteranopia

#110EBF

Tritanopia

#03A39A

Achromatopsia

#313131

CSS Usage

background-color: #012BFE;
color: #012BFE;
border-color: #012BFE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C4FF
300
#8599FF
400
#4362FE
500
#012BFE
600
#0123CB
700
#011CA3
800
#01167F
900
#05145C
950
#030C3A

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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