Benannte Farbe · #ECF474
Nuclear Acid
Nuclear Acid ist #ECF474: rgb(236 244 116), hsl(64 85% 71%), oklch(0.936 0.151 112.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Nuclear Acid color name →
#ECF474
oklch(0.936 0.151 112.2)
Farbumrechnungen
- HEX
- #ecf474
- RGB
- rgb(236 244 116)
- HSL
- hsl(64 85% 71%)
- HWB
- hwb(64 45% 4%)
- OKLCH
- oklch(0.936 0.151 112.2)
- OKLab
- oklab(0.936 -0.057 0.14)
- CIE Lab
- lab(93.7 -15.24 59.59)
- LCH
- lch(93.7 61.51 104.3)
- CMYK
- cmyk(3% 0% 52% 4%)
Tints · Shades · Tones
Tints
- EEF585
- EFF795
- F1F8A4
- F3F9B2
- F5FAC0
- F7FCCD
- F9FCDA
- FBFDE6
- FDFEF3
Shades
- CDD464
- AFB554
- 929745
- 767A37
- 5B5E29
- 42441B
- 292B0F
- 131405
- 030301
Tones
- E1E878
- D5DC7B
- CAD07E
- BFC57F
- B4B981
- A9AD81
- 9FA282
- 949781
- 8A8B81
Farbharmonien
Komplementär +180°
- ECF474
Nuclear Acid
- EAE6FF
≈ Cyber Lavender
Analog -30° +30°
- ECF474
Nuclear Acid
- FFE7BB
≈ Lemon Whip
- BBFFB3
≈ Glow in the Dark
Triadisch +120° +240°
- ECF474
Nuclear Acid
- D2EFFF
≈ Blue Hijab
- FFE0EC
≈ Baby Girl
Geteilt komplementär +150° +210°
- ECF474
Nuclear Acid
- DFEAFF
≈ Husky
- FBDFFF
≈ Sugarpills
Tetradisch +90° +180° +270°
- ECF474
Nuclear Acid
- AFF9FF
≈ Italian Sky Blue
- EAE6FF
≈ Cyber Lavender
- FFE2E0
≈ Lady Anne
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.18:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.75:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.75:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--nuclear-acid: #ecf474;
--nuclear-acid-rgb: 236 244 116;
--nuclear-acid-oklch: oklch(0.936 0.151 112.2);
}
.element {
color: var(--nuclear-acid);
background-color: hsl(64 85% 71%);
border-color: oklch(0.936 0.151 112.2);
}Tailwind CSS v4
@theme {
--color-nuclear-acid: #ecf474;
--color-nuclear-acid-50: #f4fbc9;
--color-nuclear-acid-100: #e6eeb4;
--color-nuclear-acid-200: #d3dc90;
--color-nuclear-acid-300: #b6c060;
--color-nuclear-acid-400: #a1a725;
--color-nuclear-acid-500: #8a8e00;
--color-nuclear-acid-600: #747800;
--color-nuclear-acid-700: #5d6000;
--color-nuclear-acid-800: #464600;
--color-nuclear-acid-900: #303000;
--color-nuclear-acid-950: #1d1c00;
}SCSS
$nuclear-acid: #ecf474;
$nuclear-acid-rgb: 236, 244, 116;
$nuclear-acid-light: mix(#fff, $nuclear-acid, 20%);
$nuclear-acid-dark: mix(#000, $nuclear-acid, 20%);
.element {
color: $nuclear-acid;
box-shadow: 0 0 0 2px rgba($nuclear-acid, 0.35);
}