#1F0AC2

#1F0AC2

Color Values

HEX

#1F0AC2

RGB

31, 10, 194

HSL

246.8, 90.2%, 40.0%

HSV

246.8, 94.8%, 76.1%

CMYK

84.0%, 94.8%, 0.0%, 23.9%

OKLCH

0.3816 0.2457 269.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1F0AC2

#ADC20A

Analogous

#0A51C2

#7B0AC2

#1F0AC2

Triadic

#1F0AC2

#C21F0A

#0AC21F

Split Complementary

#1F0AC2

#C27B0A

#51C20A

Tetradic

#1F0AC2

#C20A51

#ADC20A

#0AC27B

Color Blindness Simulation

Original

#1F0AC2

Protanopia

#161696

Deuteranopia

#17198B

Tritanopia

#1E726B

Achromatopsia

#1C1C1C

CSS Usage

background-color: #1F0AC2;
color: #1F0AC2;
border-color: #1F0AC2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C2BBFC
300
#978BF9
400
#5F4CF6
500
#270CF3
600
#1F0AC2
700
#19089B
800
#130679
900
#120958
950
#0B0637

Contrast Checker

Text on white

11.17:1

AA Pass AAA Pass

Text on black

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