#3A01FE

#3A01FE

Color Values

HEX

#3A01FE

RGB

58, 1, 254

HSL

253.5, 99.2%, 50.0%

HSV

253.5, 99.6%, 99.6%

CMYK

77.2%, 99.6%, 0.0%, 0.4%

OKLCH

0.4693 0.3009 272.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3A01FE

#C5FE01

Analogous

#0147FE

#B801FE

#3A01FE

Triadic

#3A01FE

#FE3A01

#01FE3A

Split Complementary

#3A01FE

#FEB801

#47FE01

Tetradic

#3A01FE

#FE0147

#C5FE01

#01FEB8

Color Blindness Simulation

Original

#3A01FE

Protanopia

#2121C1

Deuteranopia

#2529B2

Tritanopia

#379086

Achromatopsia

#1F1F1F

CSS Usage

background-color: #3A01FE;
color: #3A01FE;
border-color: #3A01FE;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FE
100
#E5DEFC
200
#C8B8FF
300
#A085FF
400
#6D43FE
500
#3A01FE
600
#2E01CB
700
#2501A3
800
#1D017F
900
#19055C
950
#10033A

Contrast Checker

Text on white

8.03:1

AA Pass AAA Pass

Text on black

2.62:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026