이름 색상 · #98687E
Arcane
Arcane은(는) #98687E: rgb(152 104 126), hsl(332 19% 50%), oklch(0.574 0.068 350.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Arcane color name →
#98687E
oklch(0.574 0.068 350.4)
색상 변환
- HEX
- #98687e
- RGB
- rgb(152 104 126)
- HSL
- hsl(332 19% 50%)
- HWB
- hwb(332 41% 40%)
- OKLCH
- oklch(0.574 0.068 350.4)
- OKLab
- oklab(0.574 0.067 -0.011)
- CIE Lab
- lab(49.71 22.34 -4.09)
- LCH
- lch(49.71 22.71 349.6)
- CMYK
- cmyk(0% 32% 17% 40%)
틴트 · 셰이드 · 톤
틴트
- A2768A
- AD8596
- B793A3
- C1A2B0
- CCB1BC
- D6C0C9
- E0D0D7
- EBDFE4
- F5EFF1
셰이드
- 84596D
- 704B5C
- 5C3E4C
- 4A303C
- 38242D
- 27181F
- 170C11
- 080405
- 010001
톤
- 966B7E
- 946D7E
- 92707F
- 8F727F
- 8D747F
- 8B777F
- 88797F
- 857B80
- 837E80
색 조화
보색 +180°
- 98687E
Arcane
- 4C8673
≈ Think Leaf
유사색 -30° +30°
- 98687E
Arcane
- 8B6C92
≈ Rhinestone
- 9D6868
≈ Corazon
삼각 배색 +120° +240°
- 98687E
Arcane
- 7B7D4C
≈ Verdant Leaf
- 4C809A
≈ Flattering Blue
분열 보색 +150° +210°
- 98687E
Arcane
- 63835C
≈ Tuscan Herbs
- 428589
≈ Sea Caller
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 4.54:1 · APCA Lc 72
Ag
AA검은색 위
WCAG 4.61:1 · APCA Lc 30
가장 좋은 글자색: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
코드 스니펫
CSS
:root {
--arcane: #98687e;
--arcane-rgb: 152 104 126;
--arcane-oklch: oklch(0.574 0.068 350.4);
}
.element {
color: var(--arcane);
background-color: hsl(332 19% 50%);
border-color: oklch(0.574 0.068 350.4);
}Tailwind CSS v4
@theme {
--color-arcane: #98687e;
--color-arcane-50: #ffeef7;
--color-arcane-100: #fbdfea;
--color-arcane-200: #edc9d7;
--color-arcane-300: #d4aabb;
--color-arcane-400: #be8ea4;
--color-arcane-500: #a9738c;
--color-arcane-600: #8f6277;
--color-arcane-700: #734e5f;
--color-arcane-800: #543946;
--color-arcane-900: #3b2731;
--color-arcane-950: #25151d;
}SCSS
$arcane: #98687e;
$arcane-rgb: 152, 104, 126;
$arcane-light: mix(#fff, $arcane, 20%);
$arcane-dark: mix(#000, $arcane, 20%);
.element {
color: $arcane;
box-shadow: 0 0 0 2px rgba($arcane, 0.35);
}