Warna bernama · #EEFF11
High Voltage
High Voltage adalah #EEFF11: rgb(238 255 17), hsl(64 100% 53%), oklch(0.955 0.214 114.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · High Voltage color name →
#EEFF11
oklch(0.955 0.214 114.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EFFF4D
- F1FF6C
- F2FF84
- F4FF99
- F5FFAC
- F7FFBE
- F9FFCF
- FBFFE0
- FDFFEF
Shade
- CFDE0D
- B1BE09
- 939E06
- 778004
- 5C6302
- 424801
- 2A2E00
- 141600
- 030300
Tone
- E2F23A
- D7E54D
- CBD85B
- C0CB65
- B5BF6C
- AAB273
- 9FA577
- 94997B
- 8A8C7E
Harmoni warna
Komplementer +180°
- EEFF11
High Voltage
- F1EDFF
≈ Foundation White
Analog -30° +30°
- EEFF11
High Voltage
- FFEECD
≈ Milk Froth
- D0FFCF
≈ Distilled Moss
Triadik +120° +240°
- EEFF11
High Voltage
- E1F3FF
≈ Wizard White
- FFEAF1
≈ Fairy Wings
Split-komplementer +150° +210°
- EEFF11
High Voltage
- E9F0FF
≈ Brilliant White
- FEE8FF
≈ Fairy Bubblegum Cloud
Tetradik +90° +180° +270°
- EEFF11
High Voltage
- CCFAFF
≈ Thin Air
- F1EDFF
≈ Foundation White
- FFEBE9
≈ Rose Frost
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.10:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 18.94:1 · APCA Lc 100
Warna teks terbaik: #000000
WCAG 18.94:1 (AAA) · APCA Lc 100
Contrast pairs
Cuplikan kode
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);
}