Nearest named color · #651437
#651437
Nearest named color: Her Fierceness
#651437 (rgb(101 20 55), hsl(334 67% 24%), oklch(0.344 0.117 359.4)) is closest to the named color Her Fierceness. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#651437
oklch(0.344 0.117 359.4)
Color conversions
- HEX
- #651437
- RGB
- rgb(101 20 55)
- HSL
- hsl(334 67% 24%)
- HWB
- hwb(334 8% 60%)
- OKLCH
- oklch(0.344 0.117 359.4)
- OKLab
- oklab(0.344 0.117 -0.001)
- CIE Lab
- lab(22.4 37.86 0.12)
- LCH
- lch(22.4 37.86 0.2)
- CMYK
- cmyk(0% 80% 46% 60%)
Tints · Shades · Tones
Tints
- 762D48
- 86445B
- 965A6D
- A57081
- B58795
- C49EA9
- D3B6BE
- E2CED3
- F1E6E9
Shades
- 57102E
- 490C26
- 3C081E
- 2F0516
- 22030F
- 170108
- 0C0103
- 030001
- 000000
Tones
- 69223E
- 6D2E45
- 71394C
- 744353
- 774D5A
- 795862
- 7C6269
- 7D6C71
- 7F7678
Color harmonies
Complementary +180°
- 651437
Her Fierceness
- 00433A
≈ Botanical Night
Analogous -30° +30°
- 651437
Her Fierceness
- 581B56
≈ Purple Velour
- 69160F
≈ Sanguine
Triadic +120° +240°
- 651437
Her Fierceness
- 343E00
≈ Dark Olive
- 003D5D
≈ Poseidon
Split-complementary +150° +210°
- 651437
Her Fierceness
- 00461B
≈ Pine Green
- 00414A
≈ Warm Black
Tetradic +90° +180° +270°
- 651437
Her Fierceness
- 473700
≈ Night in the Woods
- 00433A
≈ Botanical Night
- 223175
≈ Twilight Express
Contrast & accessibility
Ag
AAAOn white
WCAG 12.29:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.70:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.29:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--her-fierceness: #651437;
--her-fierceness-rgb: 101 20 55;
--her-fierceness-oklch: oklch(0.344 0.117 359.4);
}
.element {
color: var(--her-fierceness);
background-color: hsl(334 67% 24%);
border-color: oklch(0.344 0.117 359.4);
}Tailwind CSS v4
@theme {
--color-her-fierceness: #651437;
--color-her-fierceness-50: #ffe8f3;
--color-her-fierceness-100: #ffd8e5;
--color-her-fierceness-200: #ffc0d1;
--color-her-fierceness-300: #ea9eb3;
--color-her-fierceness-400: #d7809c;
--color-her-fierceness-500: #c36284;
--color-her-fierceness-600: #a5536f;
--color-her-fierceness-700: #844259;
--color-her-fierceness-800: #623043;
--color-her-fierceness-900: #45202e;
--color-her-fierceness-950: #2c0f1b;
}SCSS
$her-fierceness: #651437;
$her-fierceness-rgb: 101, 20, 55;
$her-fierceness-light: mix(#fff, $her-fierceness, 20%);
$her-fierceness-dark: mix(#000, $her-fierceness, 20%);
.element {
color: $her-fierceness;
box-shadow: 0 0 0 2px rgba($her-fierceness, 0.35);
}