Benannte Farbe · #F7CA50
Go Bananas
Go Bananas ist #F7CA50: rgb(247 202 80), hsl(44 91% 64%), oklch(0.857 0.145 88.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Go Bananas color name →
#F7CA50
oklch(0.857 0.145 88.4)
Farbumrechnungen
- HEX
- #f7ca50
- RGB
- rgb(247 202 80)
- HSL
- hsl(44 91% 64%)
- HWB
- hwb(44 31% 3%)
- OKLCH
- oklch(0.857 0.145 88.4)
- OKLab
- oklab(0.857 0.004 0.145)
- CIE Lab
- lab(83.72 7.36 64.58)
- LCH
- lch(83.72 65 83.5)
- CMYK
- cmyk(0% 18% 68% 3%)
Tints · Shades · Tones
Tints
- F8D067
- F9D57B
- FADB8E
- FBE09F
- FBE5B0
- FCEBC0
- FDF0D0
- FEF5E0
- FEFAF0
Shades
- D7AF44
- B79539
- 997C2E
- 7C6424
- 604D1A
- 453710
- 2C2207
- 150F02
- 030200
Tones
- EBC35A
- DEBB61
- D2B468
- C6AD6D
- BAA572
- AE9E76
- A29679
- 978F7C
- 8B877E
Farbharmonien
Komplementär +180°
- F7CA50
Go Bananas
- BCCFFF
≈ Ice Cold Stare
Analog -30° +30°
- F7CA50
Go Bananas
- FFC192
≈ Wispy White
- C7DD67
≈ Dry Seedlings
Triadisch +120° +240°
- F7CA50
Go Bananas
- 3AE8FF
≈ Shimmering Expanse Cyan
- FFB0FB
≈ Strawberry Buttercream
Geteilt komplementär +150° +210°
- F7CA50
Go Bananas
- 9FD8FF
≈ Malmö FF
- D6C5FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.51:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--go-bananas: #f7ca50;
--go-bananas-rgb: 247 202 80;
--go-bananas-oklch: oklch(0.857 0.145 88.4);
}
.element {
color: var(--go-bananas);
background-color: hsl(44 91% 64%);
border-color: oklch(0.857 0.145 88.4);
}Tailwind CSS v4
@theme {
--color-go-bananas: #f7ca50;
--color-go-bananas-50: #fff4c6;
--color-go-bananas-100: #fae7b1;
--color-go-bananas-200: #ecd28b;
--color-go-bananas-300: #d4b459;
--color-go-bananas-400: #c29817;
--color-go-bananas-500: #ad7e00;
--color-go-bananas-600: #926b00;
--color-go-bananas-700: #755500;
--color-go-bananas-800: #583d00;
--color-go-bananas-900: #3e2a00;
--color-go-bananas-950: #271700;
}SCSS
$go-bananas: #f7ca50;
$go-bananas-rgb: 247, 202, 80;
$go-bananas-light: mix(#fff, $go-bananas, 20%);
$go-bananas-dark: mix(#000, $go-bananas, 20%);
.element {
color: $go-bananas;
box-shadow: 0 0 0 2px rgba($go-bananas, 0.35);
}