色名 · #EFE073
Banana Ball
Banana Ballは#EFE073：rgb(239 224 115)、hsl(53 79% 69%)、oklch(0.897 0.131 101.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Banana Ball color name →
#EFE073
oklch(0.897 0.131 101.6)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- F0E384
- F2E793
- F4EAA2
- F5EDB0
- F7F0BE
- F8F3CB
- FAF6D8
- FCF9E5
- FDFCF2
シェード
- D0C363
- B1A654
- 948A45
- 787036
- 5C5628
- 423E1B
- 2A270F
- 141205
- 030201
トーン
- E3D677
- D8CC79
- CCC37C
- C1B97E
- B6AF7F
- ABA680
- A09C80
- 959381
- 8A8980
カラーハーモニー
補色 +180°
- EFE073
Banana Ball
- D7DAFF
≈ Transparent Blue
類似色 -30° +30°
- EFE073
Banana Ball
- FFD5A3
≈ Sherbet Pop
- BDEF92
≈ Sweet Mint Pesto
トライアド +120° +240°
- EFE073
Banana Ball
- A8E9FF
≈ Fresh Air
- FFCBEB
≈ Infra-White
スプリットコンプリメンタリー +150° +210°
- EFE073
Banana Ball
- C5E0FF
≈ Arc Light
- ECD1FF
≈ Rose Dragée
テトラード +90° +180° +270°
- EFE073
Banana Ball
- 5AF8F3
≈ Bright Cyan
- D7DAFF
≈ Transparent Blue
- FFCFD4
≈ Love Fumes
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.34:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.57:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
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);
}