#2819BA

#2819BA

Color Values

HEX

#2819BA

RGB

40, 25, 186

HSL

245,6, 76,3%, 41,4%

HSV

245,6, 86,6%, 72,9%

CMYK

78,5%, 86,6%, 0,0%, 27,1%

OKLCH

0,3859 0,2281 271,9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2819BA

#ABBA19

Analogous

#195BBA

#7919BA

#2819BA

Triadic

#2819BA

#BA2819

#19BA28

Split Complementary

#2819BA

#BA7919

#5BBA19

Tetradic

#2819BA

#BA195B

#ABBA19

#19BA79

Color Blindness Simulation

Original

#2819BA

Protanopia

#222193

Deuteranopia

#22248A

Tritanopia

#27746E

Achromatopsia

#282828

CSS Usage

background-color: #2819BA;
color: #2819BA;
border-color: #2819BA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F3F2FC
100
#E4E2F9
200
#C5C0F7
300
#9C93F0
400
#6659E9
500
#301EE1
600
#2718B4
700
#1F1390
800
#180F70
900
#150F52
950
#0E0A34

Contrast Checker

Text on white

10,83:1

AA Pass AAA Pass

Text on black

1,94: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