Nazwany kolor · #C9E423
Electric Energy
Electric Energy to #C9E423: rgb(201 228 35), hsl(68 78% 52%), oklch(0.869 0.196 118.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Electric Energy color name →
#C9E423
oklch(0.869 0.196 118.2)
Konwersje koloru
- HEX
- #c9e423
- RGB
- rgb(201 228 35)
- HSL
- hsl(68 78% 52%)
- HWB
- hwb(68 14% 11%)
- OKLCH
- oklch(0.869 0.196 118.2)
- OKLab
- oklab(0.869 -0.092 0.172)
- CIE Lab
- lab(86.36 -25.08 79.04)
- LCH
- lch(86.36 82.92 107.6)
- CMYK
- cmyk(12% 0% 85% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEE74E
- D3EA69
- D8ED80
- DDF095
- E3F3A8
- E8F6BA
- EEF8CC
- F3FBDD
- F9FDEE
Odcienie ciemniejsze
- AEC61D
- 95A917
- 7C8D11
- 64720C
- 4C5807
- 363F04
- 222801
- 0F1200
- 020300
Tony
- C1DA3D
- BAD04D
- B2C658
- ABBC62
- A3B269
- 9CA86F
- 959E75
- 8E9479
- 878A7D
Harmonie kolorów
Komplementarna +180°
- C9E423
Electric Energy
- DACAFF
≈ Foggy Heath
Analogowa -30° +30°
- C9E423
Electric Energy
- FFCD40
≈ Yellow Jacket
- 67F687
≈ Thallium Flame
Triada +120° +240°
- C9E423
Electric Energy
- A7DCFF
≈ Droplet
- FFBFD3
≈ Garden Glory
Komplementarna rozszczepiona +150° +210°
- C9E423
Electric Energy
- C2D3FF
≈ Pale Phthalo Blue
- FFB8FB
≈ Distilled Rose
Tetrada +90° +180° +270°
- C9E423
Electric Energy
- 59EBFF
≈ Bioluminescence
- DACAFF
≈ Foggy Heath
- FFC3BA
≈ Impatiens Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.60:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.60:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--electric-energy: #c9e423;
--electric-energy-rgb: 201 228 35;
--electric-energy-oklch: oklch(0.869 0.196 118.2);
}
.element {
color: var(--electric-energy);
background-color: hsl(68 78% 52%);
border-color: oklch(0.869 0.196 118.2);
}Tailwind CSS v4
@theme {
--color-electric-energy: #c9e423;
--color-electric-energy-50: #edfebf;
--color-electric-energy-100: #dff2a8;
--color-electric-energy-200: #c9e17e;
--color-electric-energy-300: #abc543;
--color-electric-energy-400: #95ac00;
--color-electric-energy-500: #7d9400;
--color-electric-energy-600: #6a7d00;
--color-electric-energy-700: #546400;
--color-electric-energy-800: #404900;
--color-electric-energy-900: #2c3300;
--color-electric-energy-950: #191e00;
}SCSS
$electric-energy: #c9e423;
$electric-energy-rgb: 201, 228, 35;
$electric-energy-light: mix(#fff, $electric-energy, 20%);
$electric-energy-dark: mix(#000, $electric-energy, 20%);
.element {
color: $electric-energy;
box-shadow: 0 0 0 2px rgba($electric-energy, 0.35);
}