Najbliższy nazwany kolor · #752046
#752046
Najbliższy nazwany kolor: Her Fierceness
#752046 (rgb(117 32 70), hsl(333 57% 29%), oklch(0.391 0.123 357.1)) jest najbliższy nazwanemu kolorowi Her Fierceness. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#752046
oklch(0.391 0.123 357.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 843756
- 934D67
- A16279
- B0788B
- BD8D9D
- CBA3B0
- D8BAC3
- E5D1D7
- F2E8EB
Odcienie ciemniejsze
- 651A3C
- 551532
- 460F28
- 370A1E
- 290615
- 1C030D
- 0F0105
- 050002
- 010000
Tony
- 782C4C
- 7A3651
- 7C4057
- 7D4A5C
- 7F5362
- 805C68
- 80656E
- 816E74
- 81777A
Harmonie kolorów
Komplementarna +180°
- 752046
Her Fierceness
- 005245
≈ Tetsu Green
Analogowa -30° +30°
- 752046
Her Fierceness
- 662767
≈ Blackest Berry
- 7A211D
≈ Incubus
Triada +120° +240°
- 752046
Her Fierceness
- 424B00
≈ No Emissions Green
- 004B6D
≈ Navy Dark Blue
Komplementarna rozszczepiona +150° +210°
- 752046
Her Fierceness
- 00551B
≈ O Tannenbaum
- 004F57
≈ Deep Atlantic Blue
Tetrada +90° +180° +270°
- 752046
Her Fierceness
- 584200
≈ Sugarloaf Brown
- 005245
≈ Tetsu Green
- 283F86
≈ Blue Oblivion
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.23:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.05:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.23:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
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);
}