Named color · #EEFF11
High Voltage
High Voltage is #EEFF11: rgb(238 255 17), hsl(64 100% 53%), oklch(0.955 0.214 114.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · High Voltage color name →
#EEFF11
oklch(0.955 0.214 114.6)
Color conversions
- HEX
- #eeff11
- RGB
- rgb(238 255 17)
- HSL
- hsl(64 100% 53%)
- HWB
- hwb(64 7% 0%)
- OKLCH
- oklch(0.955 0.214 114.6)
- OKLab
- oklab(0.955 -0.089 0.194)
- CIE Lab
- lab(96.31 -22.47 90.54)
- LCH
- lch(96.31 93.29 103.9)
- CMYK
- cmyk(7% 0% 93% 0%)
Tints · Shades · Tones
Tints
- EFFF4D
- F1FF6C
- F2FF84
- F4FF99
- F5FFAC
- F7FFBE
- F9FFCF
- FBFFE0
- FDFFEF
Shades
- CFDE0D
- B1BE09
- 939E06
- 778004
- 5C6302
- 424801
- 2A2E00
- 141600
- 030300
Tones
- E2F23A
- D7E54D
- CBD85B
- C0CB65
- B5BF6C
- AAB273
- 9FA577
- 94997B
- 8A8C7E
Color harmonies
Complementary +180°
- EEFF11
High Voltage
- F1EDFF
≈ Foundation White
Analogous -30° +30°
- EEFF11
High Voltage
- FFEECD
≈ Milk Froth
- D0FFCF
≈ Distilled Moss
Triadic +120° +240°
- EEFF11
High Voltage
- E1F3FF
≈ Wizard White
- FFEAF1
≈ Fairy Wings
Split-complementary +150° +210°
- EEFF11
High Voltage
- E9F0FF
≈ Brilliant White
- FEE8FF
≈ Fairy Bubblegum Cloud
Tetradic +90° +180° +270°
- EEFF11
High Voltage
- CCFAFF
≈ Thin Air
- F1EDFF
≈ Foundation White
- FFEBE9
≈ Rose Frost
Contrast & accessibility
Ag
FailOn white
WCAG 1.10:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.94:1 · APCA Lc 100
Best text color: #000000
WCAG 18.94:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--high-voltage: #eeff11;
--high-voltage-rgb: 238 255 17;
--high-voltage-oklch: oklch(0.955 0.214 114.6);
}
.element {
color: var(--high-voltage);
background-color: hsl(64 100% 53%);
border-color: oklch(0.955 0.214 114.6);
}Tailwind CSS v4
@theme {
--color-high-voltage: #eeff11;
--color-high-voltage-50: #f1feb7;
--color-high-voltage-100: #e3f29e;
--color-high-voltage-200: #cfe070;
--color-high-voltage-300: #b1c422;
--color-high-voltage-400: #9eaa00;
--color-high-voltage-500: #879100;
--color-high-voltage-600: #727b00;
--color-high-voltage-700: #5b6200;
--color-high-voltage-800: #454700;
--color-high-voltage-900: #303100;
--color-high-voltage-950: #1c1d00;
}SCSS
$high-voltage: #eeff11;
$high-voltage-rgb: 238, 255, 17;
$high-voltage-light: mix(#fff, $high-voltage, 20%);
$high-voltage-dark: mix(#000, $high-voltage, 20%);
.element {
color: $high-voltage;
box-shadow: 0 0 0 2px rgba($high-voltage, 0.35);
}