이름 색상 · #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);
}