가장 가까운 이름 색상 · #6E3A6A
#6E3A6A
가장 가까운 이름 색상: Plum
#6E3A6A(rgb(110 58 106), hsl(305 31% 33%), oklch(0.432 0.099 330))와 가장 가까운 이름 색상은 Plum입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6E3A6A
oklch(0.432 0.099 330)
색상 변환
- HEX
- #6e3a6a
- RGB
- rgb(110 58 106)
- HSL
- hsl(305 31% 33%)
- HWB
- hwb(305 23% 57%)
- OKLCH
- oklch(0.432 0.099 330)
- OKLab
- oklab(0.432 0.086 -0.05)
- CIE Lab
- lab(32.65 29 -18.05)
- LCH
- lch(32.65 34.16 328.1)
- CMYK
- cmyk(0% 47% 4% 57%)
틴트 · 셰이드 · 톤
틴트
- 7C4C78
- 8B5F86
- 997295
- A785A4
- B699B2
- C4ACC1
- D3C1D1
- E2D5E0
- F0EAEF
셰이드
- 5F315B
- 50284D
- 41203F
- 331831
- 261024
- 190918
- 0E040D
- 040104
- 010000
톤
- 70416C
- 73496F
- 755071
- 775773
- 785E76
- 7A6578
- 7C6B7A
- 7D727C
- 7F797E
색 조화
보색 +180°
- 6E3A6A
Plum
- 1D5F31
≈ Derbyshire
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.48:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.47:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.48:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--plum: #6e3a6a;
--plum-rgb: 110 58 106;
--plum-oklch: oklch(0.432 0.099 330);
}
.element {
color: var(--plum);
background-color: hsl(305 31% 33%);
border-color: oklch(0.432 0.099 330);
}Tailwind CSS v4
@theme {
--color-plum: #6e3a6a;
--color-plum-50: #ffebff;
--color-plum-100: #fddcf7;
--color-plum-200: #eec5e7;
--color-plum-300: #d6a5ce;
--color-plum-400: #c089ba;
--color-plum-500: #ab6da5;
--color-plum-600: #905d8c;
--color-plum-700: #744a70;
--color-plum-800: #553654;
--color-plum-900: #3b253a;
--color-plum-950: #251324;
}SCSS
$plum: #6e3a6a;
$plum-rgb: 110, 58, 106;
$plum-light: mix(#fff, $plum, 20%);
$plum-dark: mix(#000, $plum, 20%);
.element {
color: $plum;
box-shadow: 0 0 0 2px rgba($plum, 0.35);
}