Màu có tên · #EFE073
Banana Ball
Banana Ball là #EFE073: rgb(239 224 115), hsl(53 79% 69%), oklch(0.897 0.131 101.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Banana Ball color name →
#EFE073
oklch(0.897 0.131 101.6)
Chuyển đổi màu
- HEX
- #efe073
- RGB
- rgb(239 224 115)
- HSL
- hsl(53 79% 69%)
- HWB
- hwb(53 45% 6%)
- OKLCH
- oklch(0.897 0.131 101.6)
- OKLab
- oklab(0.897 -0.026 0.129)
- CIE Lab
- lab(88.77 -4.82 54.54)
- LCH
- lch(88.77 54.75 95)
- CMYK
- cmyk(0% 6% 52% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0E384
- F2E793
- F4EAA2
- F5EDB0
- F7F0BE
- F8F3CB
- FAF6D8
- FCF9E5
- FDFCF2
Sắc đậm
- D0C363
- B1A654
- 948A45
- 787036
- 5C5628
- 423E1B
- 2A270F
- 141205
- 030201
Sắc xám
- E3D677
- D8CC79
- CCC37C
- C1B97E
- B6AF7F
- ABA680
- A09C80
- 959381
- 8A8980
Hòa sắc
Bổ túc +180°
- EFE073
Banana Ball
- D7DAFF
≈ Transparent Blue
Tương đồng -30° +30°
- EFE073
Banana Ball
- FFD5A3
≈ Sherbet Pop
- BDEF92
≈ Sweet Mint Pesto
Bộ ba +120° +240°
- EFE073
Banana Ball
- A8E9FF
≈ Fresh Air
- FFCBEB
≈ Infra-White
Bổ túc chia +150° +210°
- EFE073
Banana Ball
- C5E0FF
≈ Arc Light
- ECD1FF
≈ Rose Dragée
Bộ bốn +90° +180° +270°
- EFE073
Banana Ball
- 5AF8F3
≈ Bright Cyan
- D7DAFF
≈ Transparent Blue
- FFCFD4
≈ Love Fumes
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.34:1 · APCA Lc 17
Ag
AAATrên nền đen
WCAG 15.57:1 · APCA Lc 87
Màu chữ tốt nhất: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--banana-ball: #efe073;
--banana-ball-rgb: 239 224 115;
--banana-ball-oklch: oklch(0.897 0.131 101.6);
}
.element {
color: var(--banana-ball);
background-color: hsl(53 79% 69%);
border-color: oklch(0.897 0.131 101.6);
}Tailwind CSS v4
@theme {
--color-banana-ball: #efe073;
--color-banana-ball-50: #fbf8cd;
--color-banana-ball-100: #efebb8;
--color-banana-ball-200: #ded795;
--color-banana-ball-300: #c3bb68;
--color-banana-ball-400: #afa037;
--color-banana-ball-500: #998700;
--color-banana-ball-600: #817300;
--color-banana-ball-700: #675c00;
--color-banana-ball-800: #4e4200;
--color-banana-ball-900: #362e00;
--color-banana-ball-950: #211a00;
}SCSS
$banana-ball: #efe073;
$banana-ball-rgb: 239, 224, 115;
$banana-ball-light: mix(#fff, $banana-ball, 20%);
$banana-ball-dark: mix(#000, $banana-ball, 20%);
.element {
color: $banana-ball;
box-shadow: 0 0 0 2px rgba($banana-ball, 0.35);
}