이름 색상 · #440044
Jacarta
Jacarta은(는) #440044: rgb(68 0 68), hsl(300 100% 13%), oklch(0.271 0.125 328.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Jacarta color name →
#440044
oklch(0.271 0.125 328.4)
색상 변환
- HEX
- #440044
- RGB
- rgb(68 0 68)
- HSL
- hsl(300 100% 13%)
- HWB
- hwb(300 0% 73%)
- OKLCH
- oklch(0.271 0.125 328.4)
- OKLab
- oklab(0.271 0.106 -0.065)
- CIE Lab
- lab(13.45 36.17 -23.39)
- LCH
- lch(13.45 43.07 327.1)
- CMYK
- cmyk(0% 100% 0% 73%)
틴트 · 셰이드 · 톤
틴트
- 561E55
- 693667
- 7B4E79
- 8E658B
- A07E9E
- B396B1
- C6B0C4
- D9CAD7
- ECE4EB
셰이드
- 3A003A
- 300030
- 260026
- 1D001D
- 140014
- 0C000C
- 050005
- 020002
- 000000
톤
- 4B124A
- 512050
- 582D57
- 5E395D
- 644563
- 6A5169
- 705C6E
- 756874
- 7B747A
색 조화
보색 +180°
- 440044
Jacarta
- 00300E
≈ Prasinophobia
유사색 -30° +30°
- 440044
Jacarta
- 310D5A
≈ Vanishing
- 4C0026
≈ Fig Balsamic
삼각 배색 +120° +240°
- 440044
Jacarta
- 322500
≈ Black Swan
- 002D33
≈ Black Chasm
분열 보색 +150° +210°
- 440044
Jacarta
- 242B00
≈ Lindworm Green
- 002E27
≈ Guerrilla Forest
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.79:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.32:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.79:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--jacarta: #440044;
--jacarta-rgb: 68 0 68;
--jacarta-oklch: oklch(0.271 0.125 328.4);
}
.element {
color: var(--jacarta);
background-color: hsl(300 100% 13%);
border-color: oklch(0.271 0.125 328.4);
}Tailwind CSS v4
@theme {
--color-jacarta: #440044;
--color-jacarta-50: #ffe9ff;
--color-jacarta-100: #ffd9fc;
--color-jacarta-200: #f4c1ee;
--color-jacarta-300: #dca0d6;
--color-jacarta-400: #c683c3;
--color-jacarta-500: #b265af;
--color-jacarta-600: #965694;
--color-jacarta-700: #794577;
--color-jacarta-800: #583259;
--color-jacarta-900: #3e223e;
--color-jacarta-950: #271127;
}SCSS
$jacarta: #440044;
$jacarta-rgb: 68, 0, 68;
$jacarta-light: mix(#fff, $jacarta, 20%);
$jacarta-dark: mix(#000, $jacarta, 20%);
.element {
color: $jacarta;
box-shadow: 0 0 0 2px rgba($jacarta, 0.35);
}