이름 색상 · #3F2E4C
Jagger
Jagger은(는) #3F2E4C: rgb(63 46 76), hsl(274 25% 24%), oklch(0.334 0.056 309.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Jagger color name →
#3F2E4C
oklch(0.334 0.056 309.6)
색상 변환
- HEX
- #3f2e4c
- RGB
- rgb(63 46 76)
- HSL
- hsl(274 25% 24%)
- HWB
- hwb(274 18% 70%)
- OKLCH
- oklch(0.334 0.056 309.6)
- OKLab
- oklab(0.334 0.036 -0.043)
- CIE Lab
- lab(21.95 13.07 -15.63)
- LCH
- lch(21.95 20.38 309.9)
- CMYK
- cmyk(17% 39% 0% 70%)
틴트 · 셰이드 · 톤
틴트
- 50405C
- 62536D
- 74677E
- 867B90
- 9990A2
- ADA5B4
- C1BBC6
- D5D1D9
- EAE8EC
셰이드
- 352741
- 2C1F36
- 23182C
- 1B1222
- 120B18
- 0A060F
- 040206
- 010102
- 000000
톤
- 453651
- 4B3E56
- 52465C
- 584E61
- 5F5666
- 655E6B
- 6C6670
- 726F76
- 79777B
색 조화
보색 +180°
- 3F2E4C
Jagger
- 2D3C1C
≈ Turtle Skin
유사색 -30° +30°
- 3F2E4C
Jagger
- 313353
≈ Haunted Dreams
- 492B40
≈ Purple Pennant
삼각 배색 +120° +240°
- 3F2E4C
Jagger
- 493113
≈ Bavarian Sweet Mustard
- 043F3C
≈ Rich Black
분열 보색 +150° +210°
- 3F2E4C
Jagger
- 3D3711
≈ Camouflage
- 193F2C
≈ Mizukaze Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.30:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.70:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.30:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--jagger: #3f2e4c;
--jagger-rgb: 63 46 76;
--jagger-oklch: oklch(0.334 0.056 309.6);
}
.element {
color: var(--jagger);
background-color: hsl(274 25% 24%);
border-color: oklch(0.334 0.056 309.6);
}Tailwind CSS v4
@theme {
--color-jagger: #3f2e4c;
--color-jagger-50: #faf1ff;
--color-jagger-100: #eee3f6;
--color-jagger-200: #dccee6;
--color-jagger-300: #c1b0cd;
--color-jagger-400: #a896b8;
--color-jagger-500: #917ca2;
--color-jagger-600: #7b6989;
--color-jagger-700: #62546e;
--color-jagger-800: #483d52;
--color-jagger-900: #322a39;
--color-jagger-950: #1e1823;
}SCSS
$jagger: #3f2e4c;
$jagger-rgb: 63, 46, 76;
$jagger-light: mix(#fff, $jagger, 20%);
$jagger-dark: mix(#000, $jagger, 20%);
.element {
color: $jagger;
box-shadow: 0 0 0 2px rgba($jagger, 0.35);
}