Named color · #FFDF5E
Neon Light
Neon Light is #FFDF5E: rgb(255 223 94), hsl(48 100% 68%), oklch(0.907 0.15 95.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Neon Light color name →
#FFDF5E
oklch(0.907 0.15 95.3)
Color conversions
- HEX
- #ffdf5e
- RGB
- rgb(255 223 94)
- HSL
- hsl(48 100% 68%)
- HWB
- hwb(48 37% 0%)
- OKLCH
- oklch(0.907 0.15 95.3)
- OKLab
- oklab(0.907 -0.014 0.149)
- CIE Lab
- lab(89.78 1.05 65.31)
- LCH
- lch(89.78 65.31 89.1)
- CMYK
- cmyk(0% 13% 63% 0%)
Tints · Shades · Tones
Tints
- FFE373
- FFE686
- FFE997
- FFEDA7
- FFF0B7
- FFF3C6
- FFF6D4
- FFF9E3
- FFFCF1
Shades
- DEC251
- BEA544
- 9E8A37
- 806F2B
- 63561F
- 483D14
- 2E270A
- 161203
- 030200
Tones
- F2D566
- E4CC6C
- D7C271
- CAB975
- BDAF78
- B1A67B
- A49C7D
- 98937E
- 8C897F
Color harmonies
Complementary +180°
- FFDF5E
Neon Light
- D7DFFF
≈ Transparent Blue
Analogous -30° +30°
- FFDF5E
Neon Light
- FFD8B4
≈ Sandy Tan
- C9F27F
≈ Cucumber Milk
Triadic +120° +240°
- FFDF5E
Neon Light
- A8EDFF
≈ Beyond the Clouds
- FFCFF3
≈ Shampoo
Split-complementary +150° +210°
- FFDF5E
Neon Light
- C7E4FF
≈ Fresh Water
- E9D7FF
≈ Lavender Savour
Tetradic +90° +180° +270°
- FFDF5E
Neon Light
- 49FFED
≈ Icy Life
- D7DFFF
≈ Transparent Blue
- FFD3DB
≈ Pink Fluorite
Contrast & accessibility
Ag
FailOn white
WCAG 1.31:1 · APCA Lc 15
Ag
AAAOn black
WCAG 15.96:1 · APCA Lc 88
Best text color: #000000
WCAG 15.96:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--neon-light: #ffdf5e;
--neon-light-rgb: 255 223 94;
--neon-light-oklch: oklch(0.907 0.15 95.3);
}
.element {
color: var(--neon-light);
background-color: hsl(48 100% 68%);
border-color: oklch(0.907 0.15 95.3);
}Tailwind CSS v4
@theme {
--color-neon-light: #ffdf5e;
--color-neon-light-50: #fff6c5;
--color-neon-light-100: #f5e9b0;
--color-neon-light-200: #e6d589;
--color-neon-light-300: #cdb857;
--color-neon-light-400: #ba9c09;
--color-neon-light-500: #a58200;
--color-neon-light-600: #8c6f00;
--color-neon-light-700: #705800;
--color-neon-light-800: #544000;
--color-neon-light-900: #3b2c00;
--color-neon-light-950: #251900;
}SCSS
$neon-light: #ffdf5e;
$neon-light-rgb: 255, 223, 94;
$neon-light-light: mix(#fff, $neon-light, 20%);
$neon-light-dark: mix(#000, $neon-light, 20%);
.element {
color: $neon-light;
box-shadow: 0 0 0 2px rgba($neon-light, 0.35);
}