色名 · #FBE7B2
Banana Mania
Banana Maniaは#FBE7B2：rgb(251 231 178)、hsl(44 90% 84%)、oklch(0.931 0.071 89.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Banana Mania color name →
#FBE7B2
oklch(0.931 0.071 89.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FBE9BA
- FCECC2
- FCEECA
- FDF1D1
- FDF3D9
- FDF6E1
- FEF8E8
- FEFAF0
- FFFDF7
シェード
- DAC99A
- BAAB83
- 9C8F6D
- 7E7357
- 615943
- 46402F
- 2D281D
- 15130C
- 030301
トーン
- EEDCAD
- E1D2A8
- D5C7A3
- C8BD9F
- BCB29A
- AFA895
- A39E8F
- 97948A
- 8C8A85
カラーハーモニー
補色 +180°
- FBE7B2
Banana Mania
- E0E8FF
≈ Cyber Lavender
類似色 -30° +30°
- FBE7B2
Banana Mania
- FFE2CC
≈ Melted Marshmallow
- E2F0BB
≈ Spirit Whisper
トライアド +120° +240°
- FBE7B2
Banana Mania
- B9F4FF
≈ Northrend
- FFDBFB
≈ Strawberry Frost
スプリットコンプリメンタリー +150° +210°
- FBE7B2
Banana Mania
- D3ECFF
≈ Veiling Waterfalls
- ECE3FF
≈ Lavender Mist
テトラード +90° +180° +270°
- FBE7B2
Banana Mania
- B4F9EA
≈ Pale King’s Blue
- E0E8FF
≈ Cyber Lavender
- FFDFE7
≈ Baby Girl
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.17:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
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);
}