Nearest named color · #A3618C
#A3618C
Nearest named color: Feminism
#A3618C (rgb(163 97 140), hsl(321 26% 51%), oklch(0.58 0.102 341.3)) is closest to the named color Feminism. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A3618C
oklch(0.58 0.102 341.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- AD7097
- B680A2
- C08FAD
- C99FB9
- D2AEC4
- DCBED0
- E5CEDB
- EDDEE7
- F6EFF3
Shades
- 8D5379
- 784667
- 633955
- 4F2D43
- 3C2133
- 2A1523
- 190B14
- 0A0307
- 010001
Tones
- A0658B
- 9D688A
- 9A6B89
- 966E87
- 937286
- 907585
- 8C7884
- 887A83
- 847D81
Color harmonies
Complementary +180°
- A3618C
Feminism
- 378D67
≈ Leprechaun
Analogous -30° +30°
- A3618C
Feminism
- 8E68A7
≈ Amethyst Orchid
- AE5F6B
≈ Pretty Peony
Triadic +120° +240°
- A3618C
Feminism
- 877C2A
≈ Verdant
- 1587A5
≈ Caribbean Sea
Split-complementary +150° +210°
- A3618C
Feminism
- 648744
≈ Homegrown
- 008D89
≈ Greenish Blue
Tetradic +90° +180° +270°
- A3618C
Feminism
- A06F2D
≈ Buttered Rum
- 378D67
≈ Leprechaun
- 4A7EB5
≈ Steel Blue
Contrast & accessibility
Ag
AAOn white
WCAG 4.52:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.64:1 · APCA Lc 30
Best text color: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Code snippets
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);
}