이름 색상 · #933E49
Banana Blossom
Banana Blossom은(는) #933E49: rgb(147 62 73), hsl(352 41% 41%), oklch(0.48 0.115 14.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Banana Blossom color name →
#933E49
oklch(0.48 0.115 14.6)
색상 변환
- HEX
- #933e49
- RGB
- rgb(147 62 73)
- HSL
- hsl(352 41% 41%)
- HWB
- hwb(352 24% 42%)
- OKLCH
- oklch(0.48 0.115 14.6)
- OKLab
- oklab(0.48 0.111 0.029)
- CIE Lab
- lab(38.46 37.3 12.16)
- LCH
- lch(38.46 39.23 18.1)
- CMYK
- cmyk(0% 58% 50% 42%)
틴트 · 셰이드 · 톤
틴트
- 9F5159
- AB646A
- B7777C
- C28A8D
- CD9D9F
- D7B0B2
- E2C3C5
- ECD7D8
- F5EBEB
셰이드
- 7F353E
- 6C2B34
- 59232A
- 471A20
- 361217
- 250A0E
- 160406
- 080102
- 010000
톤
- 92464E
- 914D54
- 905459
- 8F5B5F
- 8D6164
- 8B676A
- 896E6F
- 867475
- 837A7A
색 조화
보색 +180°
- 933E49
Banana Blossom
- 006C6C
≈ Mayan Blue
유사색 -30° +30°
- 933E49
Banana Blossom
- 89406D
≈ Bonbon Red
- 91451F
≈ Madeira Brown
삼각 배색 +120° +240°
- 933E49
Banana Blossom
- 406B21
≈ Green-Eyed Monster
- 2A5F9D
≈ Neptune Blue
분열 보색 +150° +210°
- 933E49
Banana Blossom
- 006F4F
≈ Natural Watercourse
- 006884
≈ Ansel
사각 배색 +90° +180° +270°
- 933E49
Banana Blossom
- 676000
≈ Green Brown
- 006C6C
≈ Mayan Blue
- 58529B
≈ Coronation Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.94:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.02:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--banana-blossom: #933e49;
--banana-blossom-rgb: 147 62 73;
--banana-blossom-oklch: oklch(0.48 0.115 14.6);
}
.element {
color: var(--banana-blossom);
background-color: hsl(352 41% 41%);
border-color: oklch(0.48 0.115 14.6);
}Tailwind CSS v4
@theme {
--color-banana-blossom: #933e49;
--color-banana-blossom-50: #ffe9ea;
--color-banana-blossom-100: #ffd9da;
--color-banana-blossom-200: #ffc1c3;
--color-banana-blossom-300: #ec9fa3;
--color-banana-blossom-400: #d98189;
--color-banana-blossom-500: #c6636e;
--color-banana-blossom-600: #a7545d;
--color-banana-blossom-700: #86434a;
--color-banana-blossom-800: #643037;
--color-banana-blossom-900: #462126;
--color-banana-blossom-950: #2d1014;
}SCSS
$banana-blossom: #933e49;
$banana-blossom-rgb: 147, 62, 73;
$banana-blossom-light: mix(#fff, $banana-blossom, 20%);
$banana-blossom-dark: mix(#000, $banana-blossom, 20%);
.element {
color: $banana-blossom;
box-shadow: 0 0 0 2px rgba($banana-blossom, 0.35);
}