Benannte Farbe · #E4D466
Bananarama
Bananarama ist #E4D466: rgb(228 212 102), hsl(52 70% 65%), oklch(0.861 0.132 101.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Bananarama color name →
#E4D466
oklch(0.861 0.132 101.1)
Farbumrechnungen
- HEX
- #e4d466
- RGB
- rgb(228 212 102)
- HSL
- hsl(52 70% 65%)
- HWB
- hwb(52 40% 11%)
- OKLCH
- oklch(0.861 0.132 101.1)
- OKLab
- oklab(0.861 -0.025 0.13)
- CIE Lab
- lab(84.62 -4.28 55.45)
- LCH
- lch(84.62 55.62 94.4)
- CMYK
- cmyk(0% 7% 55% 11%)
Tints · Shades · Tones
Tints
- E7D978
- E9DD89
- ECE299
- EEE6A9
- F1EAB8
- F4EEC6
- F7F3D5
- F9F7E3
- FCFBF1
Shades
- C6B858
- A99D4A
- 8D833C
- 72692F
- 585123
- 3F3A17
- 28240C
- 121004
- 030200
Tones
- D9CB6B
- CFC370
- C5BB73
- BBB277
- B0AA79
- A6A17B
- 9D997D
- 93917E
- 89887F
Farbharmonien
Komplementär +180°
- E4D466
Bananarama
- C9CDFF
≈ Lavender Blue
Analog -30° +30°
- E4D466
Bananarama
- FFC57F
≈ Uldum Beige
- B3E386
≈ Sage Sensation
Triadisch +120° +240°
- E4D466
Bananarama
- 83E1FF
≈ Tranquil Pool
- FFB8E5
≈ Bubblegum Heart
Geteilt komplementär +150° +210°
- E4D466
Bananarama
- B0D5FF
≈ Ice Cold Stare
- E5C0FF
≈ Jane Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.50:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.90:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--bananarama: #e4d466;
--bananarama-rgb: 228 212 102;
--bananarama-oklch: oklch(0.861 0.132 101.1);
}
.element {
color: var(--bananarama);
background-color: hsl(52 70% 65%);
border-color: oklch(0.861 0.132 101.1);
}Tailwind CSS v4
@theme {
--color-bananarama: #e4d466;
--color-bananarama-50: #fbf8cc;
--color-bananarama-100: #efebb8;
--color-bananarama-200: #ded795;
--color-bananarama-300: #c3bb67;
--color-bananarama-400: #afa036;
--color-bananarama-500: #9a8700;
--color-bananarama-600: #827200;
--color-bananarama-700: #685c00;
--color-bananarama-800: #4e4200;
--color-bananarama-900: #362e00;
--color-bananarama-950: #211a00;
}SCSS
$bananarama: #e4d466;
$bananarama-rgb: 228, 212, 102;
$bananarama-light: mix(#fff, $bananarama, 20%);
$bananarama-dark: mix(#000, $bananarama, 20%);
.element {
color: $bananarama;
box-shadow: 0 0 0 2px rgba($bananarama, 0.35);
}