#013AFE

#013AFE

Color Values

HEX

#013AFE

RGB

1, 58, 254

HSL

226.5, 99.2%, 50.0%

HSV

226.5, 99.6%, 99.6%

CMYK

99.6%, 77.2%, 0.0%, 0.4%

OKLCH

0.4922 0.2844 264.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#013AFE

#FEC501

Analogous

#01B8FE

#4701FE

#013AFE

Triadic

#013AFE

#FE013A

#3AFE01

Split Complementary

#013AFE

#FE4701

#B8FE01

Tetradic

#013AFE

#FE01B8

#FEC501

#01FE47

Color Blindness Simulation

Original

#013AFE

Protanopia

#1A1ACF

Deuteranopia

#1612C3

Tritanopia

#04A9A1

Achromatopsia

#3C3C3C

CSS Usage

background-color: #013AFE;
color: #013AFE;
border-color: #013AFE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C8FF
300
#85A0FF
400
#436DFE
500
#013AFE
600
#012ECB
700
#0125A3
800
#011D7F
900
#05195C
950
#03103A

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

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