Named color · #FFEB7E
Digital Yellow
Digital Yellow is #FFEB7E: rgb(255 235 126), hsl(51 100% 75%), oklch(0.934 0.132 99.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Digital Yellow color name →
#FFEB7E
oklch(0.934 0.132 99.1)
Color conversions
- HEX
- #ffeb7e
- RGB
- rgb(255 235 126)
- HSL
- hsl(51 100% 75%)
- HWB
- hwb(51 49% 0%)
- OKLCH
- oklch(0.934 0.132 99.1)
- OKLab
- oklab(0.934 -0.021 0.13)
- CIE Lab
- lab(93.05 -2.98 54.84)
- LCH
- lch(93.05 54.92 93.1)
- CMYK
- cmyk(0% 8% 51% 0%)
Tints · Shades · Tones
Tints
- FFED8D
- FFEF9C
- FFF2A9
- FFF4B6
- FFF6C3
- FFF8CF
- FFFADC
- FFFCE8
- FFFDF3
Shades
- DECC6D
- BEAE5C
- 9E914C
- 80753C
- 635B2D
- 48411F
- 2E2911
- 161305
- 030301
Tones
- F2E080
- E4D582
- D7CA83
- CABF84
- BDB584
- B1AA84
- A49F83
- 989583
- 8C8A81
Color harmonies
Complementary +180°
- FFEB7E
Digital Yellow
- E4E8FF
≈ Glitter
Analogous -30° +30°
- FFEB7E
Digital Yellow
- FFE4C8
≈ Apple Crunch
- CEFB9B
≈ Menthol
Triadic +120° +240°
- FFEB7E
Digital Yellow
- C7F2FF
≈ Heaven’s Gate
- FFDEF3
≈ So This Is Love
Split-complementary +150° +210°
- FFEB7E
Digital Yellow
- D9ECFF
≈ Hoarfrost
- F1E2FF
≈ Lavender Savour
Tetradic +90° +180° +270°
- FFEB7E
Digital Yellow
- 97FFF7
≈ Glitchy Shader Blue
- E4E8FF
≈ Glitter
- FFE1E4
≈ Pink Pleasure
Contrast & accessibility
Ag
FailOn white
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOn black
WCAG 17.43:1 · APCA Lc 94
Best text color: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--digital-yellow: #ffeb7e;
--digital-yellow-rgb: 255 235 126;
--digital-yellow-oklch: oklch(0.934 0.132 99.1);
}
.element {
color: var(--digital-yellow);
background-color: hsl(51 100% 75%);
border-color: oklch(0.934 0.132 99.1);
}Tailwind CSS v4
@theme {
--color-digital-yellow: #ffeb7e;
--color-digital-yellow-50: #fdf7cc;
--color-digital-yellow-100: #f1eab7;
--color-digital-yellow-200: #e0d795;
--color-digital-yellow-300: #c6ba67;
--color-digital-yellow-400: #b29f35;
--color-digital-yellow-500: #9c8600;
--color-digital-yellow-600: #847100;
--color-digital-yellow-700: #6a5b00;
--color-digital-yellow-800: #4f4200;
--color-digital-yellow-900: #372d00;
--color-digital-yellow-950: #221a00;
}SCSS
$digital-yellow: #ffeb7e;
$digital-yellow-rgb: 255, 235, 126;
$digital-yellow-light: mix(#fff, $digital-yellow, 20%);
$digital-yellow-dark: mix(#000, $digital-yellow, 20%);
.element {
color: $digital-yellow;
box-shadow: 0 0 0 2px rgba($digital-yellow, 0.35);
}