Named color · #330099
Violet Hickey
Violet Hickey is #330099: rgb(51 0 153), hsl(260 100% 30%), oklch(0.337 0.201 281.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Violet Hickey color name →
#330099
oklch(0.337 0.201 281.7)
Color conversions
- HEX
- #330099
- RGB
- rgb(51 0 153)
- HSL
- hsl(260 100% 30%)
- HWB
- hwb(260 0% 40%)
- OKLCH
- oklch(0.337 0.201 281.7)
- OKLab
- oklab(0.337 0.041 -0.197)
- CIE Lab
- lab(18.66 48.75 -70.5)
- LCH
- lch(18.66 85.71 304.7)
- CMYK
- cmyk(67% 100% 0% 40%)
Tints · Shades · Tones
Tints
- 402DA5
- 5048B1
- 6260BC
- 7677C7
- 8B8DD1
- A0A4DB
- B7BAE5
- CED1EE
- E6E8F7
Shades
- 2B0084
- 230070
- 1C005D
- 14004A
- 0D0038
- 070027
- 030017
- 010008
- 000001
Tones
- 371F98
- 3C2F97
- 433C95
- 4A4893
- 525291
- 5A5C8F
- 63658C
- 6C6E88
- 767784
Color harmonies
Complementary +180°
- 330099
Violet Hickey
- 3F3800
≈ Camouflage
Analogous -30° +30°
- 330099
Violet Hickey
- 003868
≈ Marine Blue
- 530074
≈ Velvet Vortex
Triadic +120° +240°
- 330099
Violet Hickey
- 601F00
≈ Raw Chocolate
- 00432B
≈ Angel Green
Split-complementary +150° +210°
- 330099
Violet Hickey
- 4E3000
≈ Kyoto House
- 244000
≈ Forest Green
Tetradic +90° +180° +270°
- 330099
Violet Hickey
- 6B0024
≈ Plum Cheese
- 3F3800
≈ Camouflage
- 00403F
≈ Rich Black
Contrast & accessibility
Ag
AAAOn white
WCAG 13.11:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.60:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.11:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--violet-hickey: #330099;
--violet-hickey-rgb: 51 0 153;
--violet-hickey-oklch: oklch(0.337 0.201 281.7);
}
.element {
color: var(--violet-hickey);
background-color: hsl(260 100% 30%);
border-color: oklch(0.337 0.201 281.7);
}Tailwind CSS v4
@theme {
--color-violet-hickey: #330099;
--color-violet-hickey-50: #edeeff;
--color-violet-hickey-100: #dfe0ff;
--color-violet-hickey-200: #c9c8ff;
--color-violet-hickey-300: #aca7ff;
--color-violet-hickey-400: #8e8aff;
--color-violet-hickey-500: #7769ff;
--color-violet-hickey-600: #655adc;
--color-violet-hickey-700: #5048b1;
--color-violet-hickey-800: #383585;
--color-violet-hickey-900: #26245e;
--color-violet-hickey-950: #151241;
}SCSS
$violet-hickey: #330099;
$violet-hickey-rgb: 51, 0, 153;
$violet-hickey-light: mix(#fff, $violet-hickey, 20%);
$violet-hickey-dark: mix(#000, $violet-hickey, 20%);
.element {
color: $violet-hickey;
box-shadow: 0 0 0 2px rgba($violet-hickey, 0.35);
}