이름 색상 · #A57545
Muskelmannbraun
Muskelmannbraun은(는) #A57545: rgb(165 117 69), hsl(30 41% 46%), oklch(0.601 0.088 64.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Muskelmannbraun color name →
#A57545
oklch(0.601 0.088 64.8)
색상 변환
- HEX
- #a57545
- RGB
- rgb(165 117 69)
- HSL
- hsl(30 41% 46%)
- HWB
- hwb(30 27% 35%)
- OKLCH
- oklch(0.601 0.088 64.8)
- OKLab
- oklab(0.601 0.038 0.08)
- CIE Lab
- lab(53.48 15.53 34.05)
- LCH
- lch(53.48 37.42 65.5)
- CMYK
- cmyk(0% 29% 58% 35%)
틴트 · 셰이드 · 톤
틴트
- AE8258
- B7906A
- C09D7C
- C9AB8E
- D2B9A1
- DBC6B3
- E4D4C6
- EDE2D9
- F6F1EC
셰이드
- 8F653B
- 795531
- 654627
- 51371E
- 3D2915
- 2B1C0C
- 1A0F05
- 0A0502
- 010100
톤
- A2764C
- 9E7853
- 9B7959
- 977A5F
- 937B65
- 907C6B
- 8C7D70
- 887E75
- 847F7B
색 조화
보색 +180°
- A57545
Muskelmannbraun
- 5086B2
≈ Ship’s Harbour
유사색 -30° +30°
- A57545
Muskelmannbraun
- AE6D5C
≈ Bantam Egg
- 91803E
≈ Peas Please
삼각 배색 +120° +240°
- A57545
Muskelmannbraun
- 349287
≈ Highlands
- 8C73AB
≈ Dahlia Purple
분열 보색 +150° +210°
- A57545
Muskelmannbraun
- 348EA1
≈ Scooter
- 717CB5
≈ Magic Moment
사각 배색 +90° +180° +270°
- A57545
Muskelmannbraun
- 539069
≈ Green Weed
- 5086B2
≈ Ship’s Harbour
- A16C96
≈ Flowering Raspberry
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.01:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.23:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--muskelmannbraun: #a57545;
--muskelmannbraun-rgb: 165 117 69;
--muskelmannbraun-oklch: oklch(0.601 0.088 64.8);
}
.element {
color: var(--muskelmannbraun);
background-color: hsl(30 41% 46%);
border-color: oklch(0.601 0.088 64.8);
}Tailwind CSS v4
@theme {
--color-muskelmannbraun: #a57545;
--color-muskelmannbraun-50: #fff1db;
--color-muskelmannbraun-100: #fde3c9;
--color-muskelmannbraun-200: #efcead;
--color-muskelmannbraun-300: #d7af87;
--color-muskelmannbraun-400: #c39466;
--color-muskelmannbraun-500: #ae7943;
--color-muskelmannbraun-600: #93673a;
--color-muskelmannbraun-700: #76522e;
--color-muskelmannbraun-800: #583b20;
--color-muskelmannbraun-900: #3e2915;
--color-muskelmannbraun-950: #271607;
}SCSS
$muskelmannbraun: #a57545;
$muskelmannbraun-rgb: 165, 117, 69;
$muskelmannbraun-light: mix(#fff, $muskelmannbraun, 20%);
$muskelmannbraun-dark: mix(#000, $muskelmannbraun, 20%);
.element {
color: $muskelmannbraun;
box-shadow: 0 0 0 2px rgba($muskelmannbraun, 0.35);
}