Adlandırılmış renk · #FBE7B2
Banana Mania
Banana Mania, #FBE7B2: rgb(251 231 178), hsl(44 90% 84%), oklch(0.931 0.071 89.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Banana Mania color name →
#FBE7B2
oklch(0.931 0.071 89.8)
Renk dönüşümleri
- HEX
- #fbe7b2
- RGB
- rgb(251 231 178)
- HSL
- hsl(44 90% 84%)
- HWB
- hwb(44 70% 2%)
- OKLCH
- oklch(0.931 0.071 89.8)
- OKLab
- oklab(0.931 0 0.071)
- CIE Lab
- lab(92.33 1.33 28.5)
- LCH
- lch(92.33 28.53 87.3)
- CMYK
- cmyk(0% 8% 29% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBE9BA
- FCECC2
- FCEECA
- FDF1D1
- FDF3D9
- FDF6E1
- FEF8E8
- FEFAF0
- FFFDF7
Koyu tonlar
- DAC99A
- BAAB83
- 9C8F6D
- 7E7357
- 615943
- 46402F
- 2D281D
- 15130C
- 030301
Gri tonlar
- EEDCAD
- E1D2A8
- D5C7A3
- C8BD9F
- BCB29A
- AFA895
- A39E8F
- 97948A
- 8C8A85
Renk uyumları
Tamamlayıcı +180°
- FBE7B2
Banana Mania
- E0E8FF
≈ Cyber Lavender
Analog -30° +30°
- FBE7B2
Banana Mania
- FFE2CC
≈ Melted Marshmallow
- E2F0BB
≈ Spirit Whisper
Üçlü +120° +240°
- FBE7B2
Banana Mania
- B9F4FF
≈ Northrend
- FFDBFB
≈ Strawberry Frost
Bölünmüş tamamlayıcı +150° +210°
- FBE7B2
Banana Mania
- D3ECFF
≈ Veiling Waterfalls
- ECE3FF
≈ Lavender Mist
Dörtlü +90° +180° +270°
- FBE7B2
Banana Mania
- B4F9EA
≈ Pale King’s Blue
- E0E8FF
≈ Cyber Lavender
- FFDFE7
≈ Baby Girl
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.17:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--banana-mania: #fbe7b2;
--banana-mania-rgb: 251 231 178;
--banana-mania-oklch: oklch(0.931 0.071 89.8);
}
.element {
color: var(--banana-mania);
background-color: hsl(44 90% 84%);
border-color: oklch(0.931 0.071 89.8);
}Tailwind CSS v4
@theme {
--color-banana-mania: #fbe7b2;
--color-banana-mania-50: #fcf5df;
--color-banana-mania-100: #f0e8ce;
--color-banana-mania-200: #dfd4b2;
--color-banana-mania-300: #c4b78e;
--color-banana-mania-400: #af9d6d;
--color-banana-mania-500: #99844d;
--color-banana-mania-600: #817041;
--color-banana-mania-700: #675934;
--color-banana-mania-800: #4d4124;
--color-banana-mania-900: #352d18;
--color-banana-mania-950: #201a09;
}SCSS
$banana-mania: #fbe7b2;
$banana-mania-rgb: 251, 231, 178;
$banana-mania-light: mix(#fff, $banana-mania, 20%);
$banana-mania-dark: mix(#000, $banana-mania, 20%);
.element {
color: $banana-mania;
box-shadow: 0 0 0 2px rgba($banana-mania, 0.35);
}