가장 가까운 이름 색상 · #A80096
#A80096
가장 가까운 이름 색상: Magentle
#A80096(rgb(168 0 150), hsl(306 100% 33%), oklch(0.502 0.224 334.3))와 가장 가까운 이름 색상은 Magentle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A80096
oklch(0.502 0.224 334.3)
색상 변환
- HEX
- #a80096
- RGB
- rgb(168 0 150)
- HSL
- hsl(306 100% 33%)
- HWB
- hwb(306 0% 34%)
- OKLCH
- oklch(0.502 0.224 334.3)
- OKLab
- oklab(0.502 0.202 -0.097)
- CIE Lab
- lab(38.83 66.56 -34.82)
- LCH
- lch(38.83 75.12 332.4)
- CMYK
- cmyk(0% 100% 11% 34%)
틴트 · 셰이드 · 톤
틴트
- B333A1
- BE4FAC
- C867B6
- D17DC1
- DA93CB
- E2A9D6
- EABEE0
- F2D4EA
- F9E9F5
셰이드
- 920082
- 7C006E
- 67005B
- 520049
- 3F0037
- 2C0026
- 1A0016
- 0A0008
- 010001
톤
- A62394
- A33592
- A04291
- 9D4D8F
- 99578C
- 95608A
- 906988
- 8C7185
- 867983
색 조화
보색 +180°
- A80096
Magentle
- 007841
≈ Gale of the Wind
유사색 -30° +30°
- A80096
Magentle
- 822BC8
≈ Lilac Spring
- B70056
≈ Velvet Magic
삼각 배색 +120° +240°
- A80096
Magentle
- 776200
≈ Spicy Mustard
- 007083
≈ Crystal Teal
분열 보색 +150° +210°
- A80096
Magentle
- 556F00
≈ Over the Hills
- 00746A
≈ Hawk Turquoise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.76:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.10:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.76:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--magentle: #a80096;
--magentle-rgb: 168 0 150;
--magentle-oklch: oklch(0.502 0.224 334.3);
}
.element {
color: var(--magentle);
background-color: hsl(306 100% 33%);
border-color: oklch(0.502 0.224 334.3);
}Tailwind CSS v4
@theme {
--color-magentle: #a80096;
--color-magentle-50: #ffddff;
--color-magentle-100: #ffcbff;
--color-magentle-200: #ffaef8;
--color-magentle-300: #fd86e2;
--color-magentle-400: #e960d3;
--color-magentle-500: #d72fc1;
--color-magentle-600: #b52ba3;
--color-magentle-700: #922283;
--color-magentle-800: #6b1863;
--color-magentle-900: #4c1046;
--color-magentle-950: #31022d;
}SCSS
$magentle: #a80096;
$magentle-rgb: 168, 0, 150;
$magentle-light: mix(#fff, $magentle, 20%);
$magentle-dark: mix(#000, $magentle, 20%);
.element {
color: $magentle;
box-shadow: 0 0 0 2px rgba($magentle, 0.35);
}