Couleur nommée · #C8FF00
Liquid Neon
Liquid Neon correspond à #C8FF00 : rgb(200 255 0), hsl(73 100% 50%), oklch(0.928 0.23 124). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Liquid Neon color name →
#C8FF00
oklch(0.928 0.23 124)
Conversions de couleur
- HEX
- #c8ff00
- RGB
- rgb(200 255 0)
- HSL
- hsl(73 100% 50%)
- HWB
- hwb(73 0% 0%)
- OKLCH
- oklch(0.928 0.23 124)
- OKLab
- oklab(0.928 -0.129 0.191)
- CIE Lab
- lab(93.68 -37.32 88.47)
- LCH
- lch(93.68 96.02 112.9)
- CMYK
- cmyk(22% 0% 100% 0%)
Teintes · Ombres · Tons
Teintes
- CDFF49
- D3FF68
- D8FF81
- DDFF96
- E3FFAA
- E8FFBC
- EEFFCE
- F4FFDE
- F9FFEF
Ombres
- AEDE00
- 94BE00
- 7B9E00
- 638000
- 4C6300
- 364800
- 212E00
- 0F1600
- 020300
Tons
- C0F235
- B9E54A
- B2D858
- AACC62
- A3BF6A
- 9CB271
- 95A676
- 8E997A
- 878D7D
Harmonies de couleurs
Complémentaire +180°
- C8FF00
Liquid Neon
- EDE1FF
≈ Lavender Savour
Analogue -30° +30°
- C8FF00
Liquid Neon
- FFE791
≈ Swallowtail
- A6FFC3
≈ Light Sea-Foam
Triadique +120° +240°
- C8FF00
Liquid Neon
- D3EBFF
≈ Veiling Waterfalls
- FFDDE4
≈ Fresh Piglet
Complémentaire divisée +150° +210°
- C8FF00
Liquid Neon
- E0E6FF
≈ Lavender Mist
- FFDAF7
≈ Strawberry Frost
Tétradique +90° +180° +270°
- C8FF00
Liquid Neon
- BCF2FF
≈ Northrend
- EDE1FF
≈ Lavender Savour
- FFDFD7
≈ Red Shimmer
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.18:1 · APCA Lc 9
Ag
AAASur noir
WCAG 17.75:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.75:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--liquid-neon: #c8ff00;
--liquid-neon-rgb: 200 255 0;
--liquid-neon-oklch: oklch(0.928 0.23 124);
}
.element {
color: var(--liquid-neon);
background-color: hsl(73 100% 50%);
border-color: oklch(0.928 0.23 124);
}Tailwind CSS v4
@theme {
--color-liquid-neon: #c8ff00;
--color-liquid-neon-50: #e5ffb9;
--color-liquid-neon-100: #d5f6a1;
--color-liquid-neon-200: #bce673;
--color-liquid-neon-300: #9acb2c;
--color-liquid-neon-400: #83b200;
--color-liquid-neon-500: #689a00;
--color-liquid-neon-600: #588200;
--color-liquid-neon-700: #466900;
--color-liquid-neon-800: #364c00;
--color-liquid-neon-900: #253500;
--color-liquid-neon-950: #142000;
}SCSS
$liquid-neon: #c8ff00;
$liquid-neon-rgb: 200, 255, 0;
$liquid-neon-light: mix(#fff, $liquid-neon, 20%);
$liquid-neon-dark: mix(#000, $liquid-neon, 20%);
.element {
color: $liquid-neon;
box-shadow: 0 0 0 2px rgba($liquid-neon, 0.35);
}