Adlandırılmış renk · #FEFC7E
Limuyi Yellow
Limuyi Yellow, #FEFC7E: rgb(254 252 126), hsl(59 98% 75%), oklch(0.968 0.148 108.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Limuyi Yellow color name →
#FEFC7E
oklch(0.968 0.148 108.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEFD8E
- FEFD9D
- FEFEAB
- FEFEB8
- FEFEC4
- FEFFD1
- FEFFDD
- FEFFE8
- FFFFF4
Koyu tonlar
- DDDB6D
- BDBB5C
- 9E9C4C
- 807E3C
- 63622D
- 47471F
- 2D2D11
- 161605
- 030301
Gri tonlar
- F1EF81
- E3E283
- D6D684
- C9C985
- BDBD85
- B0B085
- A4A484
- 989883
- 8C8C82
Renk uyumları
Tamamlayıcı +180°
- FEFC7E
Limuyi Yellow
- F3F3FF
≈ Cloud Break
Analog -30° +30°
- FEFC7E
Limuyi Yellow
- FFF3E0
≈ Pale Pearl
- E1FFD7
≈ Transparent Green
Üçlü +120° +240°
- FEFC7E
Limuyi Yellow
- E8F7FF
≈ Clear Skies
- FFF0F7
≈ Lavender Blush
Bölünmüş tamamlayıcı +150° +210°
- FEFC7E
Limuyi Yellow
- EEF5FF
≈ Placebo Blue
- FBF0FF
≈ Lovely Euphoric Delight
Dörtlü +90° +180° +270°
- FEFC7E
Limuyi Yellow
- D4FEFF
≈ Mount Olympus
- F3F3FF
≈ Cloud Break
- FFF0F0
≈ Sefid White
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.08:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.43:1 · APCA Lc 102
En iyi metin rengi: #000000
WCAG 19.43:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
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);
}