가장 가까운 이름 색상 · #A3618C
#A3618C
가장 가까운 이름 색상: Feminism
#A3618C(rgb(163 97 140), hsl(321 26% 51%), oklch(0.58 0.102 341.3))와 가장 가까운 이름 색상은 Feminism입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A3618C
oklch(0.58 0.102 341.3)
색상 변환
- HEX
- #a3618c
- RGB
- rgb(163 97 140)
- HSL
- hsl(321 26% 51%)
- HWB
- hwb(321 38% 36%)
- OKLCH
- oklch(0.58 0.102 341.3)
- OKLab
- oklab(0.58 0.097 -0.033)
- CIE Lab
- lab(49.87 32.02 -11.96)
- LCH
- lch(49.87 34.18 339.5)
- CMYK
- cmyk(0% 40% 14% 36%)
틴트 · 셰이드 · 톤
틴트
- AD7097
- B680A2
- C08FAD
- C99FB9
- D2AEC4
- DCBED0
- E5CEDB
- EDDEE7
- F6EFF3
셰이드
- 8D5379
- 784667
- 633955
- 4F2D43
- 3C2133
- 2A1523
- 190B14
- 0A0307
- 010001
톤
- A0658B
- 9D688A
- 9A6B89
- 966E87
- 937286
- 907585
- 8C7884
- 887A83
- 847D81
색 조화
보색 +180°
- A3618C
Feminism
- 378D67
≈ Leprechaun
유사색 -30° +30°
- A3618C
Feminism
- 8E68A7
≈ Amethyst Orchid
- AE5F6B
≈ Pretty Peony
삼각 배색 +120° +240°
- A3618C
Feminism
- 877C2A
≈ Verdant
- 1587A5
≈ Caribbean Sea
분열 보색 +150° +210°
- A3618C
Feminism
- 648744
≈ Homegrown
- 008D89
≈ Greenish Blue
사각 배색 +90° +180° +270°
- A3618C
Feminism
- A06F2D
≈ Buttered Rum
- 378D67
≈ Leprechaun
- 4A7EB5
≈ Steel Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 4.52:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.64:1 · APCA Lc 30
가장 좋은 글자색: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
코드 스니펫
CSS
:root {
--feminism: #a3618c;
--feminism-rgb: 163 97 140;
--feminism-oklch: oklch(0.58 0.102 341.3);
}
.element {
color: var(--feminism);
background-color: hsl(321 26% 51%);
border-color: oklch(0.58 0.102 341.3);
}Tailwind CSS v4
@theme {
--color-feminism: #a3618c;
--color-feminism-50: #ffeafd;
--color-feminism-100: #ffdbf1;
--color-feminism-200: #f5c3e0;
--color-feminism-300: #dda3c5;
--color-feminism-400: #c886b0;
--color-feminism-500: #b36a9a;
--color-feminism-600: #985a82;
--color-feminism-700: #7a4868;
--color-feminism-800: #59344e;
--color-feminism-900: #3f2336;
--color-feminism-950: #281221;
}SCSS
$feminism: #a3618c;
$feminism-rgb: 163, 97, 140;
$feminism-light: mix(#fff, $feminism, 20%);
$feminism-dark: mix(#000, $feminism, 20%);
.element {
color: $feminism;
box-shadow: 0 0 0 2px rgba($feminism, 0.35);
}