이름 색상 · #B57B2E
Mandalay
Mandalay은(는) #B57B2E: rgb(181 123 46), hsl(34 59% 45%), oklch(0.629 0.116 70). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Mandalay color name →
#B57B2E
oklch(0.629 0.116 70)
색상 변환
- HEX
- #b57b2e
- RGB
- rgb(181 123 46)
- HSL
- hsl(34 59% 45%)
- HWB
- hwb(34 18% 29%)
- OKLCH
- oklch(0.629 0.116 70)
- OKLab
- oklab(0.629 0.04 0.109)
- CIE Lab
- lab(56.73 18.27 49.45)
- LCH
- lch(56.73 52.72 69.7)
- CMYK
- cmyk(0% 32% 75% 29%)
틴트 · 셰이드 · 톤
틴트
- BD8847
- C5955D
- CCA272
- D4AF86
- DBBC9A
- E2CAAE
- EAD7C2
- F1E4D6
- F8F2EB
셰이드
- 9D6A27
- 865A1F
- 6F4A18
- 593A12
- 442C0B
- 301E06
- 1D1002
- 0C0501
- 020100
톤
- B07C3A
- AB7D45
- A67E4E
- A17E56
- 9B7F5E
- 967F66
- 91806D
- 8B8073
- 86807A
색 조화
보색 +180°
- B57B2E
Mandalay
- 4E8DCC
≈ Blue Dart
유사색 -30° +30°
- B57B2E
Mandalay
- C36F51
≈ Spice Route
- 998A28
≈ Offbeat Green
삼각 배색 +120° +240°
- B57B2E
Mandalay
- 009D97
≈ Caribbean Turquoise
- 9E74BD
≈ Purple Pride
분열 보색 +150° +210°
- B57B2E
Mandalay
- 0098B8
≈ Serene Blue
- 7B80CD
≈ Tanzine
사각 배색 +90° +180° +270°
- B57B2E
Mandalay
- 3B9E70
≈ Bulma Hair
- 4E8DCC
≈ Blue Dart
- B76B9F
≈ Pearly Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.59:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.83:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--mandalay: #b57b2e;
--mandalay-rgb: 181 123 46;
--mandalay-oklch: oklch(0.629 0.116 70);
}
.element {
color: var(--mandalay);
background-color: hsl(34 59% 45%);
border-color: oklch(0.629 0.116 70);
}Tailwind CSS v4
@theme {
--color-mandalay: #b57b2e;
--color-mandalay-50: #fff1d2;
--color-mandalay-100: #ffe2be;
--color-mandalay-200: #f4cd9e;
--color-mandalay-300: #dcae74;
--color-mandalay-400: #ca924c;
--color-mandalay-500: #b67617;
--color-mandalay-600: #9a6418;
--color-mandalay-700: #7c5013;
--color-mandalay-800: #5c3a0c;
--color-mandalay-900: #412808;
--color-mandalay-950: #291500;
}SCSS
$mandalay: #b57b2e;
$mandalay-rgb: 181, 123, 46;
$mandalay-light: mix(#fff, $mandalay, 20%);
$mandalay-dark: mix(#000, $mandalay, 20%);
.element {
color: $mandalay;
box-shadow: 0 0 0 2px rgba($mandalay, 0.35);
}