Cor nomeada mais próxima · #68173F
#68173F
Cor nomeada mais próxima: Her Fierceness
#68173F (rgb(104 23 63), hsl(330 64% 25%), oklch(0.355 0.12 355)) é mais próxima da cor nomeada Her Fierceness. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#68173F
oklch(0.355 0.12 355)
Conversões de cor
- HEX
- #68173f
- RGB
- rgb(104 23 63)
- HSL
- hsl(330 64% 25%)
- HWB
- hwb(330 9% 59%)
- OKLCH
- oklch(0.355 0.12 355)
- OKLab
- oklab(0.355 0.119 -0.01)
- CIE Lab
- lab(23.66 38.41 -3.48)
- LCH
- lch(23.66 38.57 354.8)
- CMYK
- cmyk(0% 78% 39% 59%)
Tons claros · Sombras · Tons
Tons claros
- 783050
- 884661
- 985C74
- A77286
- B68999
- C59FAD
- D4B7C1
- E2CED5
- F1E7EA
Sombras
- 591235
- 4B0E2C
- 3E0A23
- 30061B
- 240412
- 18020A
- 0C0104
- 040001
- 000000
Tons
- 6C2445
- 6F304B
- 733A52
- 764558
- 784F5F
- 7A5965
- 7C626C
- 7E6C72
- 7F7679
Harmonias de cor
Complementar +180°
- 68173F
Her Fierceness
- 00473A
≈ MSU Green
Análoga -30° +30°
- 68173F
Her Fierceness
- 591F5E
≈ Purple Velour
- 6D1719
≈ Bloodlust
Tríade +120° +240°
- 68173F
Her Fierceness
- 3B4000
≈ Dark Olive
- 00415D
≈ Maniac Mansion
Complementar dividida +150° +210°
- 68173F
Her Fierceness
- 004A0E
≈ Borg Queen
- 00454B
≈ Incubi Darkness
Tétrade +90° +180° +270°
- 68173F
Her Fierceness
- 4D3800
≈ Xanthophobia
- 00473A
≈ MSU Green
- 1C367A
≈ Twilight Express
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.77:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.78:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.77:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--her-fierceness: #68173f;
--her-fierceness-rgb: 104 23 63;
--her-fierceness-oklch: oklch(0.355 0.12 355);
}
.element {
color: var(--her-fierceness);
background-color: hsl(330 64% 25%);
border-color: oklch(0.355 0.12 355);
}Tailwind CSS v4
@theme {
--color-her-fierceness: #68173f;
--color-her-fierceness-50: #ffe8f6;
--color-her-fierceness-100: #ffd8e8;
--color-her-fierceness-200: #ffbfd5;
--color-her-fierceness-300: #ea9eb8;
--color-her-fierceness-400: #d67fa2;
--color-her-fierceness-500: #c2618a;
--color-her-fierceness-600: #a45375;
--color-her-fierceness-700: #84425d;
--color-her-fierceness-800: #612f46;
--color-her-fierceness-900: #442030;
--color-her-fierceness-950: #2c0f1d;
}SCSS
$her-fierceness: #68173f;
$her-fierceness-rgb: 104, 23, 63;
$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);
}