이름 색상 · #A78594
Mohair Pink
Mohair Pink은(는) #A78594: rgb(167 133 148), hsl(334 16% 59%), oklch(0.653 0.046 350.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Mohair Pink color name →
#A78594
oklch(0.653 0.046 350.2)
색상 변환
- HEX
- #a78594
- RGB
- rgb(167 133 148)
- HSL
- hsl(334 16% 59%)
- HWB
- hwb(334 52% 35%)
- OKLCH
- oklch(0.653 0.046 350.2)
- OKLab
- oklab(0.653 0.046 -0.008)
- CIE Lab
- lab(59.17 15.26 -2.85)
- LCH
- lch(59.17 15.53 349.4)
- CMYK
- cmyk(0% 20% 11% 35%)
틴트 · 셰이드 · 톤
틴트
- B0919E
- B89CA9
- C1A8B3
- CAB4BE
- D3C0C8
- DCCDD3
- E4D9DE
- EDE6E9
- F6F2F4
셰이드
- 917380
- 7B616D
- 66505A
- 524048
- 3E3036
- 2C2126
- 1A1316
- 0A0608
- 010101
톤
- A38592
- 9F8490
- 9B848E
- 98838C
- 94838A
- 908288
- 8C8286
- 888184
- 848182
색 조화
보색 +180°
- A78594
Mohair Pink
- 749A8C
≈ Silent Sage
유사색 -30° +30°
- A78594
Mohair Pink
- 9D87A2
≈ Amethyst Grey Violet
- AB8584
≈ Jupiter Brown
삼각 배색 +120° +240°
- A78594
Mohair Pink
- 919373
≈ Dry Hemlock
- 7396A7
≈ Smoky Blue
분열 보색 +150° +210°
- A78594
Mohair Pink
- 82987D
≈ Dinosaur
- 6F999B
≈ Teal & Tonic
사각 배색 +90° +180° +270°
- A78594
Mohair Pink
- 9F8E70
≈ Barro Verde
- 749A8C
≈ Silent Sage
- 8091AD
≈ Lilac Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.26:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.42:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--mohair-pink: #a78594;
--mohair-pink-rgb: 167 133 148;
--mohair-pink-oklch: oklch(0.653 0.046 350.2);
}
.element {
color: var(--mohair-pink);
background-color: hsl(334 16% 59%);
border-color: oklch(0.653 0.046 350.2);
}Tailwind CSS v4
@theme {
--color-mohair-pink: #a78594;
--color-mohair-pink-50: #fff0f6;
--color-mohair-pink-100: #f5e2e9;
--color-mohair-pink-200: #e5cdd6;
--color-mohair-pink-300: #cbaeba;
--color-mohair-pink-400: #b594a2;
--color-mohair-pink-500: #9f7a8a;
--color-mohair-pink-600: #866775;
--color-mohair-pink-700: #6b535e;
--color-mohair-pink-800: #4f3c45;
--color-mohair-pink-900: #372930;
--color-mohair-pink-950: #22171c;
}SCSS
$mohair-pink: #a78594;
$mohair-pink-rgb: 167, 133, 148;
$mohair-pink-light: mix(#fff, $mohair-pink, 20%);
$mohair-pink-dark: mix(#000, $mohair-pink, 20%);
.element {
color: $mohair-pink;
box-shadow: 0 0 0 2px rgba($mohair-pink, 0.35);
}