Adlandırılmış renk · #E1D590
Lima Bean
Lima Bean, #E1D590: rgb(225 213 144), hsl(51 57% 72%), oklch(0.867 0.089 99.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Lima Bean color name →
#E1D590
oklch(0.867 0.089 99.5)
Renk dönüşümleri
- HEX
- #e1d590
- RGB
- rgb(225 213 144)
- HSL
- hsl(51 57% 72%)
- HWB
- hwb(51 56% 12%)
- OKLCH
- oklch(0.867 0.089 99.5)
- OKLab
- oklab(0.867 -0.015 0.088)
- CIE Lab
- lab(85.07 -3.05 35.72)
- LCH
- lch(85.07 35.85 94.9)
- CMYK
- cmyk(0% 5% 36% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4D99C
- E7DEA7
- EAE2B2
- EDE6BD
- F0EAC9
- F3EED4
- F6F3DE
- F9F7E9
- FCFBF4
Koyu tonlar
- C4B97D
- A79E6A
- 8B8357
- 706A45
- 565134
- 3E3A24
- 272415
- 121007
- 020201
Gri tonlar
- D7CC8F
- CDC48E
- C3BB8D
- B9B28B
- AFAA8A
- A5A188
- 9C9986
- 929184
- 898882
Renk uyumları
Tamamlayıcı +180°
- E1D590
Lima Bean
- CACFFF
≈ Lavender Blue
Analog -30° +30°
- E1D590
Lima Bean
- FAC993
≈ Sicilian Villa
- C0DFA1
≈ Cactus Spike
Üçlü +120° +240°
- E1D590
Lima Bean
- 8DE2FC
≈ Tranquil Pool
- FCBDE6
≈ Pretty in Pink
Bölünmüş tamamlayıcı +150° +210°
- E1D590
Lima Bean
- B2D8FF
≈ Malmö FF
- E4C4FF
≈ Jane Purple
Dörtlü +90° +180° +270°
- E1D590
Lima Bean
- 8AE7E0
≈ Aqua Fiesta
- CACFFF
≈ Lavender Blue
- FFC0C9
≈ Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.12:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.12:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--lima-bean: #e1d590;
--lima-bean-rgb: 225 213 144;
--lima-bean-oklch: oklch(0.867 0.089 99.5);
}
.element {
color: var(--lima-bean);
background-color: hsl(51 57% 72%);
border-color: oklch(0.867 0.089 99.5);
}Tailwind CSS v4
@theme {
--color-lima-bean: #e1d590;
--color-lima-bean-50: #faf7da;
--color-lima-bean-100: #eee9c8;
--color-lima-bean-200: #dcd6aa;
--color-lima-bean-300: #c0b984;
--color-lima-bean-400: #aba060;
--color-lima-bean-500: #94873b;
--color-lima-bean-600: #7d7233;
--color-lima-bean-700: #645c29;
--color-lima-bean-800: #4b421b;
--color-lima-bean-900: #342e12;
--color-lima-bean-950: #1f1b04;
}SCSS
$lima-bean: #e1d590;
$lima-bean-rgb: 225, 213, 144;
$lima-bean-light: mix(#fff, $lima-bean, 20%);
$lima-bean-dark: mix(#000, $lima-bean, 20%);
.element {
color: $lima-bean;
box-shadow: 0 0 0 2px rgba($lima-bean, 0.35);
}