Nächste benannte Farbe · #752046
#752046
Nächste benannte Farbe: Her Fierceness
#752046 (rgb(117 32 70), hsl(333 57% 29%), oklch(0.391 0.123 357.1)) liegt am nächsten an der benannten Farbe Her Fierceness. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#752046
oklch(0.391 0.123 357.1)
Farbumrechnungen
- HEX
- #752046
- RGB
- rgb(117 32 70)
- HSL
- hsl(333 57% 29%)
- HWB
- hwb(333 13% 54%)
- OKLCH
- oklch(0.391 0.123 357.1)
- OKLab
- oklab(0.391 0.123 -0.006)
- CIE Lab
- lab(27.75 39.81 -1.86)
- LCH
- lch(27.75 39.85 357.3)
- CMYK
- cmyk(0% 73% 40% 54%)
Tints · Shades · Tones
Tints
- 843756
- 934D67
- A16279
- B0788B
- BD8D9D
- CBA3B0
- D8BAC3
- E5D1D7
- F2E8EB
Shades
- 651A3C
- 551532
- 460F28
- 370A1E
- 290615
- 1C030D
- 0F0105
- 050002
- 010000
Tones
- 782C4C
- 7A3651
- 7C4057
- 7D4A5C
- 7F5362
- 805C68
- 80656E
- 816E74
- 81777A
Farbharmonien
Komplementär +180°
- 752046
Her Fierceness
- 005245
≈ Tetsu Green
Analog -30° +30°
- 752046
Her Fierceness
- 662767
≈ Blackest Berry
- 7A211D
≈ Incubus
Triadisch +120° +240°
- 752046
Her Fierceness
- 424B00
≈ No Emissions Green
- 004B6D
≈ Navy Dark Blue
Geteilt komplementär +150° +210°
- 752046
Her Fierceness
- 00551B
≈ O Tannenbaum
- 004F57
≈ Deep Atlantic Blue
Tetradisch +90° +180° +270°
- 752046
Her Fierceness
- 584200
≈ Sugarloaf Brown
- 005245
≈ Tetsu Green
- 283F86
≈ Blue Oblivion
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.23:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.05:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 10.23:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--her-fierceness: #752046;
--her-fierceness-rgb: 117 32 70;
--her-fierceness-oklch: oklch(0.391 0.123 357.1);
}
.element {
color: var(--her-fierceness);
background-color: hsl(333 57% 29%);
border-color: oklch(0.391 0.123 357.1);
}Tailwind CSS v4
@theme {
--color-her-fierceness: #752046;
--color-her-fierceness-50: #ffe7f4;
--color-her-fierceness-100: #ffd7e7;
--color-her-fierceness-200: #ffbfd3;
--color-her-fierceness-300: #ec9db6;
--color-her-fierceness-400: #d87e9f;
--color-her-fierceness-500: #c55f87;
--color-her-fierceness-600: #a65172;
--color-her-fierceness-700: #85415b;
--color-her-fierceness-800: #632e44;
--color-her-fierceness-900: #451f2f;
--color-her-fierceness-950: #2d0f1c;
}SCSS
$her-fierceness: #752046;
$her-fierceness-rgb: 117, 32, 70;
$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);
}