이름 색상 · #B09737
Mana
Mana은(는) #B09737: rgb(176 151 55), hsl(48 52% 45%), oklch(0.681 0.117 94.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Mana color name →
#B09737
oklch(0.681 0.117 94.3)
색상 변환
- HEX
- #b09737
- RGB
- rgb(176 151 55)
- HSL
- hsl(48 52% 45%)
- HWB
- hwb(48 22% 31%)
- OKLCH
- oklch(0.681 0.117 94.3)
- OKLab
- oklab(0.681 -0.009 0.117)
- CIE Lab
- lab(63.41 1.71 51.89)
- LCH
- lch(63.41 51.92 88.1)
- CMYK
- cmyk(0% 14% 69% 31%)
틴트 · 셰이드 · 톤
틴트
- B8A14F
- BFAC65
- C7B679
- CFC08D
- D7CBA0
- DFD5B3
- E7E0C6
- EFEAD9
- F7F5EC
셰이드
- 99832E
- 826F26
- 6C5C1E
- 564916
- 42370F
- 2E2608
- 1C1703
- 0B0801
- 010100
톤
- AB9543
- A6934C
- A19155
- 9C8E5C
- 988C63
- 938A6A
- 8E8770
- 898575
- 85837B
색 조화
보색 +180°
- B09737
Mana
- 8392E1
≈ Perrywinkle
유사색 -30° +30°
- B09737
Mana
- CA8843
≈ Raw Linen
- 89A54F
≈ Mosquito Fern
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.86:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.32:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.32:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--mana: #b09737;
--mana-rgb: 176 151 55;
--mana-oklch: oklch(0.681 0.117 94.3);
}
.element {
color: var(--mana);
background-color: hsl(48 52% 45%);
border-color: oklch(0.681 0.117 94.3);
}Tailwind CSS v4
@theme {
--color-mana: #b09737;
--color-mana-50: #fff6d0;
--color-mana-100: #f3e9bc;
--color-mana-200: #e3d59b;
--color-mana-300: #c9b870;
--color-mana-400: #b59d45;
--color-mana-500: #9f8400;
--color-mana-600: #877005;
--color-mana-700: #6c5907;
--color-mana-800: #514103;
--color-mana-900: #382d03;
--color-mana-950: #231900;
}SCSS
$mana: #b09737;
$mana-rgb: 176, 151, 55;
$mana-light: mix(#fff, $mana, 20%);
$mana-dark: mix(#000, $mana, 20%);
.element {
color: $mana;
box-shadow: 0 0 0 2px rgba($mana, 0.35);
}