이름 색상 · #AF8F9C
Mauve Shadows
Mauve Shadows은(는) #AF8F9C: rgb(175 143 156), hsl(336 17% 62%), oklch(0.683 0.042 351.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Mauve Shadows color name →
#AF8F9C
oklch(0.683 0.042 351.9)
색상 변환
- HEX
- #af8f9c
- RGB
- rgb(175 143 156)
- HSL
- hsl(336 17% 62%)
- HWB
- hwb(336 56% 31%)
- OKLCH
- oklch(0.683 0.042 351.9)
- OKLab
- oklab(0.683 0.042 -0.006)
- CIE Lab
- lab(62.71 14.05 -2.11)
- LCH
- lch(62.71 14.21 351.4)
- CMYK
- cmyk(0% 18% 11% 31%)
틴트 · 셰이드 · 톤
틴트
- B79AA5
- BFA5AF
- C7AFB9
- CFBBC3
- D7C6CC
- DFD1D6
- E7DCE0
- EFE8EB
- F7F3F5
셰이드
- 987C87
- 816973
- 6B575F
- 56454C
- 413439
- 2E2428
- 1C1518
- 0B0709
- 010101
톤
- AA8E99
- A68C96
- A18B94
- 9C8991
- 98888E
- 93868B
- 8E8588
- 898386
- 858283
색 조화
보색 +180°
- AF8F9C
Mauve Shadows
- 7FA296
≈ Australian Jade
유사색 -30° +30°
- AF8F9C
Mauve Shadows
- A691A9
≈ Uptown Girl
- B2908E
≈ Brandy Snaps
삼각 배색 +120° +240°
- AF8F9C
Mauve Shadows
- 999C7E
≈ Fairbank Green
- 809FAF
≈ Lake Winnipeg
분열 보색 +150° +210°
- AF8F9C
Mauve Shadows
- 8BA088
≈ Basil
- 7BA2A4
≈ Tower Bridge
사각 배색 +90° +180° +270°
- AF8F9C
Mauve Shadows
- A7977C
≈ Harvest Dance
- 7FA296
≈ Australian Jade
- 8B9AB4
≈ Blueberry Buckle
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.90:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.23:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.23:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--mauve-shadows: #af8f9c;
--mauve-shadows-rgb: 175 143 156;
--mauve-shadows-oklch: oklch(0.683 0.042 351.9);
}
.element {
color: var(--mauve-shadows);
background-color: hsl(336 17% 62%);
border-color: oklch(0.683 0.042 351.9);
}Tailwind CSS v4
@theme {
--color-mauve-shadows: #af8f9c;
--color-mauve-shadows-50: #fff0f6;
--color-mauve-shadows-100: #f4e2e9;
--color-mauve-shadows-200: #e4cdd5;
--color-mauve-shadows-300: #caafb9;
--color-mauve-shadows-400: #b395a1;
--color-mauve-shadows-500: #9d7b89;
--color-mauve-shadows-600: #856874;
--color-mauve-shadows-700: #6a535d;
--color-mauve-shadows-800: #4e3d44;
--color-mauve-shadows-900: #362a2f;
--color-mauve-shadows-950: #21171c;
}SCSS
$mauve-shadows: #af8f9c;
$mauve-shadows-rgb: 175, 143, 156;
$mauve-shadows-light: mix(#fff, $mauve-shadows, 20%);
$mauve-shadows-dark: mix(#000, $mauve-shadows, 20%);
.element {
color: $mauve-shadows;
box-shadow: 0 0 0 2px rgba($mauve-shadows, 0.35);
}