Color con nombre · #FBE7B2
Banana Mania
Banana Mania es #FBE7B2: rgb(251 231 178), hsl(44 90% 84%), oklch(0.931 0.071 89.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Banana Mania color name →
#FBE7B2
oklch(0.931 0.071 89.8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FBE9BA
- FCECC2
- FCEECA
- FDF1D1
- FDF3D9
- FDF6E1
- FEF8E8
- FEFAF0
- FFFDF7
Sombras
- DAC99A
- BAAB83
- 9C8F6D
- 7E7357
- 615943
- 46402F
- 2D281D
- 15130C
- 030301
Tonos
- EEDCAD
- E1D2A8
- D5C7A3
- C8BD9F
- BCB29A
- AFA895
- A39E8F
- 97948A
- 8C8A85
Armonías de color
Complementario +180°
- FBE7B2
Banana Mania
- E0E8FF
≈ Cyber Lavender
Análogo -30° +30°
- FBE7B2
Banana Mania
- FFE2CC
≈ Melted Marshmallow
- E2F0BB
≈ Spirit Whisper
Triádico +120° +240°
- FBE7B2
Banana Mania
- B9F4FF
≈ Northrend
- FFDBFB
≈ Strawberry Frost
Complementario dividido +150° +210°
- FBE7B2
Banana Mania
- D3ECFF
≈ Veiling Waterfalls
- ECE3FF
≈ Lavender Mist
Tetrádico +90° +180° +270°
- FBE7B2
Banana Mania
- B4F9EA
≈ Pale King’s Blue
- E0E8FF
≈ Cyber Lavender
- FFDFE7
≈ Baby Girl
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.17:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
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);
}