Adlandırılmış renk · #F7EB73
Limon
Limon, #F7EB73: rgb(247 235 115), hsl(55 89% 71%), oklch(0.926 0.142 103.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Limon color name →
#F7EB73
oklch(0.926 0.142 103.6)
Renk dönüşümleri
- HEX
- #f7eb73
- RGB
- rgb(247 235 115)
- HSL
- hsl(55 89% 71%)
- HWB
- hwb(55 45% 3%)
- OKLCH
- oklch(0.926 0.142 103.6)
- OKLab
- oklab(0.926 -0.033 0.138)
- CIE Lab
- lab(92.26 -6.8 58.71)
- LCH
- lch(92.26 59.1 96.6)
- CMYK
- cmyk(0% 5% 53% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8ED84
- F8F094
- F9F2A3
- FAF4B1
- FBF6BF
- FBF8CC
- FCFAD9
- FDFCE6
- FEFDF3
Koyu tonlar
- D7CC63
- B7AE54
- 999145
- 7C7536
- 605B28
- 45411B
- 2C290F
- 151305
- 030301
Gri tonlar
- EAE077
- DED57A
- D2CA7D
- C5BF7F
- B9B580
- AEAA81
- A29F81
- 969581
- 8B8A81
Renk uyumları
Tamamlayıcı +180°
- F7EB73
Limon
- E3E4FF
≈ Lavender Mist
Analog -30° +30°
- F7EB73
Limon
- FFE1BC
≈ Orange Glow
- C0FB98
≈ Celery Mousse
Üçlü +120° +240°
- F7EB73
Limon
- C4EFFF
≈ Heaven’s Gate
- FFDBEF
≈ Rose Glow
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.08:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--limon: #f7eb73;
--limon-rgb: 247 235 115;
--limon-oklch: oklch(0.926 0.142 103.6);
}
.element {
color: var(--limon);
background-color: hsl(55 89% 71%);
border-color: oklch(0.926 0.142 103.6);
}Tailwind CSS v4
@theme {
--color-limon: #f7eb73;
--color-limon-50: #faf8ca;
--color-limon-100: #eeebb5;
--color-limon-200: #dcd891;
--color-limon-300: #c1bc61;
--color-limon-400: #ada229;
--color-limon-500: #978900;
--color-limon-600: #807400;
--color-limon-700: #665d00;
--color-limon-800: #4d4300;
--color-limon-900: #352e00;
--color-limon-950: #211b00;
}SCSS
$limon: #f7eb73;
$limon-rgb: 247, 235, 115;
$limon-light: mix(#fff, $limon, 20%);
$limon-dark: mix(#000, $limon, 20%);
.element {
color: $limon;
box-shadow: 0 0 0 2px rgba($limon, 0.35);
}