Colore con nome · #CFFF04
Neon Yellow
Neon Yellow è #CFFF04: rgb(207 255 4), hsl(71 100% 51%), oklch(0.933 0.227 122.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Neon Yellow color name →
#CFFF04
oklch(0.933 0.227 122.4)
Conversioni di colore
- HEX
- #cfff04
- RGB
- rgb(207 255 4)
- HSL
- hsl(71 100% 51%)
- HWB
- hwb(71 2% 0%)
- OKLCH
- oklch(0.933 0.227 122.4)
- OKLab
- oklab(0.933 -0.122 0.191)
- CIE Lab
- lab(94.13 -34.65 88.76)
- LCH
- lch(94.13 95.29 111.3)
- CMYK
- cmyk(19% 0% 98% 0%)
Tinte · Ombre · Toni
Tinte
- D4FF4A
- D8FF69
- DDFF81
- E1FF97
- E6FFAA
- EBFFBC
- F0FFCE
- F5FFDF
- FAFFEF
Ombre
- B4DE03
- 99BE02
- 7F9E01
- 678001
- 4F6301
- 384800
- 232E00
- 101600
- 020300
Toni
- C7F236
- BEE54A
- B6D858
- AECB63
- A6BF6B
- 9EB271
- 97A676
- 8F997A
- 878D7E
Armonie di colore
Complementare +180°
- CFFF04
Neon Yellow
- EDE3FF
≈ Lavender Mist
Analogo -30° +30°
- CFFF04
Neon Yellow
- FFE89F
≈ Rich Glow
- AEFFC4
≈ Neo Mint
Triadico +120° +240°
- CFFF04
Neon Yellow
- D5ECFF
≈ Cloudless
- FFDFE7
≈ Baby Girl
Complementare divisa +150° +210°
- CFFF04
Neon Yellow
- E1E8FF
≈ Cyber Lavender
- FFDCF8
≈ Strawberry Frost
Tetradico +90° +180° +270°
- CFFF04
Neon Yellow
- BEF3FF
≈ Northrend
- EDE3FF
≈ Lavender Mist
- FFE1DA
≈ Red Shimmer
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.95:1 · APCA Lc 97
Miglior colore del testo: #000000
WCAG 17.95:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--neon-yellow: #cfff04;
--neon-yellow-rgb: 207 255 4;
--neon-yellow-oklch: oklch(0.933 0.227 122.4);
}
.element {
color: var(--neon-yellow);
background-color: hsl(71 100% 51%);
border-color: oklch(0.933 0.227 122.4);
}Tailwind CSS v4
@theme {
--color-neon-yellow: #cfff04;
--color-neon-yellow-50: #e7ffb9;
--color-neon-yellow-100: #d7f5a0;
--color-neon-yellow-200: #bfe573;
--color-neon-yellow-300: #9fca2b;
--color-neon-yellow-400: #88b100;
--color-neon-yellow-500: #6e9900;
--color-neon-yellow-600: #5d8100;
--color-neon-yellow-700: #4a6800;
--color-neon-yellow-800: #394b00;
--color-neon-yellow-900: #273400;
--color-neon-yellow-950: #161f00;
}SCSS
$neon-yellow: #cfff04;
$neon-yellow-rgb: 207, 255, 4;
$neon-yellow-light: mix(#fff, $neon-yellow, 20%);
$neon-yellow-dark: mix(#000, $neon-yellow, 20%);
.element {
color: $neon-yellow;
box-shadow: 0 0 0 2px rgba($neon-yellow, 0.35);
}