이름 색상 · #AC5D91
Meadow Mauve
Meadow Mauve은(는) #AC5D91: rgb(172 93 145), hsl(321 32% 52%), oklch(0.587 0.121 341.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Meadow Mauve color name →
#AC5D91
oklch(0.587 0.121 341.5)
색상 변환
- HEX
- #ac5d91
- RGB
- rgb(172 93 145)
- HSL
- hsl(321 32% 52%)
- HWB
- hwb(321 36% 33%)
- OKLCH
- oklch(0.587 0.121 341.5)
- OKLab
- oklab(0.587 0.115 -0.038)
- CIE Lab
- lab(50.38 37.94 -13.99)
- LCH
- lch(50.38 40.43 339.8)
- CMYK
- cmyk(0% 46% 16% 33%)
틴트 · 셰이드 · 톤
틴트
- B56D9C
- BE7DA6
- C78DB1
- CF9DBC
- D8ADC7
- E0BDD2
- E8CDDD
- F0DEE8
- F8EEF4
셰이드
- 95507D
- 7F436A
- 693758
- 542A46
- 401F35
- 2D1425
- 1B0A15
- 0B0307
- 010001
톤
- A8618F
- A4658E
- A0698C
- 9C6D8A
- 987089
- 947487
- 8F7785
- 8A7A84
- 857D82
색 조화
보색 +180°
- AC5D91
Meadow Mauve
- 1D9265
≈ Viridian
유사색 -30° +30°
- AC5D91
Meadow Mauve
- 9466B1
≈ Knight Elf
- B85B6A
≈ Candied Apple
삼각 배색 +120° +240°
- AC5D91
Meadow Mauve
- 8C7E05
≈ Moscow Papyrus
- 008AAA
≈ Capri Breeze
분열 보색 +150° +210°
- AC5D91
Meadow Mauve
- 618B38
≈ Gǎn Lǎn Lǜ Green
- 008F8B
≈ Corfu Shallows
사각 배색 +90° +180° +270°
- AC5D91
Meadow Mauve
- A86E10
≈ Buckthorn Brown
- 1D9265
≈ Viridian
- 407FC2
≈ Tufts Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.44:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.72:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.72:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--meadow-mauve: #ac5d91;
--meadow-mauve-rgb: 172 93 145;
--meadow-mauve-oklch: oklch(0.587 0.121 341.5);
}
.element {
color: var(--meadow-mauve);
background-color: hsl(321 32% 52%);
border-color: oklch(0.587 0.121 341.5);
}Tailwind CSS v4
@theme {
--color-meadow-mauve: #ac5d91;
--color-meadow-mauve-50: #ffe8fe;
--color-meadow-mauve-100: #ffd8f2;
--color-meadow-mauve-200: #fac0e1;
--color-meadow-mauve-300: #e49ec7;
--color-meadow-mauve-400: #cf81b3;
--color-meadow-mauve-500: #bb639d;
--color-meadow-mauve-600: #9e5485;
--color-meadow-mauve-700: #7f436a;
--color-meadow-mauve-800: #5d3050;
--color-meadow-mauve-900: #412138;
--color-meadow-mauve-950: #2a1022;
}SCSS
$meadow-mauve: #ac5d91;
$meadow-mauve-rgb: 172, 93, 145;
$meadow-mauve-light: mix(#fff, $meadow-mauve, 20%);
$meadow-mauve-dark: mix(#000, $meadow-mauve, 20%);
.element {
color: $meadow-mauve;
box-shadow: 0 0 0 2px rgba($meadow-mauve, 0.35);
}