Adlandırılmış renk · #EFE499
Lemonade
Lemonade, #EFE499: rgb(239 228 153), hsl(52 73% 77%), oklch(0.911 0.095 100.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Lemonade color name →
#EFE499
oklch(0.911 0.095 100.9)
Renk dönüşümleri
- HEX
- #efe499
- RGB
- rgb(239 228 153)
- HSL
- hsl(52 73% 77%)
- HWB
- hwb(52 60% 6%)
- OKLCH
- oklch(0.911 0.095 100.9)
- OKLab
- oklab(0.911 -0.018 0.094)
- CIE Lab
- lab(90.21 -4.02 38.06)
- LCH
- lch(90.21 38.27 96)
- CMYK
- cmyk(0% 5% 36% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1E7A4
- F2EAAF
- F4ECB9
- F5EFC3
- F7F2CD
- F8F5D8
- FAF7E1
- FCFAEB
- FDFCF5
Koyu tonlar
- D0C684
- B1A970
- 948D5D
- 78724A
- 5C5838
- 423F27
- 2A2817
- 141208
- 030301
Gri tonlar
- E3DA97
- D8CF95
- CCC593
- C1BB91
- B6B18E
- ABA78C
- A09D89
- 959386
- 8A8A83
Renk uyumları
Tamamlayıcı +180°
- EFE499
Lemonade
- DCDFFF
≈ Contrail
Analog -30° +30°
- EFE499
Lemonade
- FFDBB1
≈ Feather Plume
- CCEFAC
≈ Faith
Üçlü +120° +240°
- EFE499
Lemonade
- B4ECFF
≈ Ice Effect
- FFD2EE
≈ Shampoo
Bölünmüş tamamlayıcı +150° +210°
- EFE499
Lemonade
- CCE4FF
≈ Fresh Water
- EED7FF
≈ Lavender Savour
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.22:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--lemonade: #efe499;
--lemonade-rgb: 239 228 153;
--lemonade-oklch: oklch(0.911 0.095 100.9);
}
.element {
color: var(--lemonade);
background-color: hsl(52 73% 77%);
border-color: oklch(0.911 0.095 100.9);
}Tailwind CSS v4
@theme {
--color-lemonade: #efe499;
--color-lemonade-50: #faf7d8;
--color-lemonade-100: #edeac6;
--color-lemonade-200: #dbd7a8;
--color-lemonade-300: #c0ba81;
--color-lemonade-400: #aba05b;
--color-lemonade-500: #948834;
--color-lemonade-600: #7d732d;
--color-lemonade-700: #645c24;
--color-lemonade-800: #4b4318;
--color-lemonade-900: #342e0f;
--color-lemonade-950: #1f1b03;
}SCSS
$lemonade: #efe499;
$lemonade-rgb: 239, 228, 153;
$lemonade-light: mix(#fff, $lemonade, 20%);
$lemonade-dark: mix(#000, $lemonade, 20%);
.element {
color: $lemonade;
box-shadow: 0 0 0 2px rgba($lemonade, 0.35);
}