#EE82EE
Violet
Violet is a spectral color at the short-wavelength end of visible light. It is more blue-leaning than purple and represents creativity and imagination.
Violet Color Values
HEX#EE82EE
RGB238, 130, 238
HSL300°, 76%, 72%
HSV300°, 45%, 93%
CMYK0%, 45%, 0%, 7%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #78A1F2 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #97AFEB (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #F48DAD (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #B9B9B9 (~0.003% of population)
Violet as Text Color
Violet on White
2.3:1FAIL
Violet on Light Gray
2.1:1FAIL
Violet on Cream
2.2:1FAIL
Violet on Dark
7.4:1AAA
Violet on Black
9.1:1AAA
Violet on Soft Blue
2.0:1FAIL
Violet on Soft Green
2.1:1FAIL
Violet on Soft Pink
1.9:1FAIL
Nearest Tailwind Class
fuchsia-500
#D946EF
Nearest Pantone Match
Pantone 225 C
#E04E95
CSS Variable Export
:root {
--color-violet: #EE82EE;
--color-violet-rgb: 238, 130, 238;
}Tailwind Config
// tailwind.config.js
colors: {
'violet': '#EE82EE',
}Shades of Violet
#EE81EE
#E95DE9
#E43AE4
#D71DD7
#B418B4
#901490
#6C0F6C
#480A48
#240524
#000000
Tints of Violet
#EE81EE
#F08FF0
#F29CF2
#F3AAF3
#F5B7F5
#F8C9F8
#F9D7F9
#FBE4FB
#FDF2FD
#FFFFFF
Color Harmonies
Complementary
#EE82EE
#81EE81
Analogous
#B881EE
#EE81EE
#EE81B8
Triadic
#EE81EE
#EEEE81
#81EEEE
Violet Text Preview
Heading in Violet
Body text in Violet. The quick brown fox jumps over the lazy dog.
White on Violet
Body text on a Violet background.
Violet text on dark background
Contrast: 7.7:1