Benoemde kleur · #FEFC7E
Limuyi Yellow
Limuyi Yellow is #FEFC7E: rgb(254 252 126), hsl(59 98% 75%), oklch(0.968 0.148 108.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Limuyi Yellow color name →
#FEFC7E
oklch(0.968 0.148 108.1)
Kleurconversies
- HEX
- #fefc7e
- RGB
- rgb(254 252 126)
- HSL
- hsl(59 98% 75%)
- HWB
- hwb(59 49% 0%)
- OKLCH
- oklch(0.968 0.148 108.1)
- OKLab
- oklab(0.968 -0.046 0.141)
- CIE Lab
- lab(97.27 -11.28 59.67)
- LCH
- lch(97.27 60.72 100.7)
- CMYK
- cmyk(0% 1% 50% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FEFD8E
- FEFD9D
- FEFEAB
- FEFEB8
- FEFEC4
- FEFFD1
- FEFFDD
- FEFFE8
- FFFFF4
Schaduwen
- DDDB6D
- BDBB5C
- 9E9C4C
- 807E3C
- 63622D
- 47471F
- 2D2D11
- 161605
- 030301
Tonen
- F1EF81
- E3E283
- D6D684
- C9C985
- BDBD85
- B0B085
- A4A484
- 989883
- 8C8C82
Kleurharmonieën
Complementair +180°
- FEFC7E
Limuyi Yellow
- F3F3FF
≈ Cloud Break
Analoog -30° +30°
- FEFC7E
Limuyi Yellow
- FFF3E0
≈ Pale Pearl
- E1FFD7
≈ Transparent Green
Triadisch +120° +240°
- FEFC7E
Limuyi Yellow
- E8F7FF
≈ Clear Skies
- FFF0F7
≈ Lavender Blush
Gesplitst complementair +150° +210°
- FEFC7E
Limuyi Yellow
- EEF5FF
≈ Placebo Blue
- FBF0FF
≈ Lovely Euphoric Delight
Tetradisch +90° +180° +270°
- FEFC7E
Limuyi Yellow
- D4FEFF
≈ Mount Olympus
- F3F3FF
≈ Cloud Break
- FFF0F0
≈ Sefid White
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.08:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 19.43:1 · APCA Lc 102
Beste tekstkleur: #000000
WCAG 19.43:1 (AAA) · APCA Lc 102
Contrast pairs
Codefragmenten
CSS
:root {
--limuyi-yellow: #fefc7e;
--limuyi-yellow-rgb: 254 252 126;
--limuyi-yellow-oklch: oklch(0.968 0.148 108.1);
}
.element {
color: var(--limuyi-yellow);
background-color: hsl(59 98% 75%);
border-color: oklch(0.968 0.148 108.1);
}Tailwind CSS v4
@theme {
--color-limuyi-yellow: #fefc7e;
--color-limuyi-yellow-50: #f7fac9;
--color-limuyi-yellow-100: #eaedb4;
--color-limuyi-yellow-200: #d8da8f;
--color-limuyi-yellow-300: #bcbe5f;
--color-limuyi-yellow-400: #a7a423;
--color-limuyi-yellow-500: #918b00;
--color-limuyi-yellow-600: #7a7600;
--color-limuyi-yellow-700: #625e00;
--color-limuyi-yellow-800: #4a4400;
--color-limuyi-yellow-900: #332f00;
--color-limuyi-yellow-950: #1f1c00;
}SCSS
$limuyi-yellow: #fefc7e;
$limuyi-yellow-rgb: 254, 252, 126;
$limuyi-yellow-light: mix(#fff, $limuyi-yellow, 20%);
$limuyi-yellow-dark: mix(#000, $limuyi-yellow, 20%);
.element {
color: $limuyi-yellow;
box-shadow: 0 0 0 2px rgba($limuyi-yellow, 0.35);
}