Cor nomeada mais próxima · #975478
#975478
Cor nomeada mais próxima: Feminism
#975478 (rgb(151 84 120), hsl(328 29% 46%), oklch(0.536 0.1 347.6)) é mais próxima da cor nomeada Feminism. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#975478
oklch(0.536 0.1 347.6)
Conversões de cor
- HEX
- #975478
- RGB
- rgb(151 84 120)
- HSL
- hsl(328 29% 46%)
- HWB
- hwb(328 33% 41%)
- OKLCH
- oklch(0.536 0.1 347.6)
- OKLab
- oklab(0.536 0.097 -0.022)
- CIE Lab
- lab(44.77 32.01 -7.77)
- LCH
- lch(44.77 32.94 346.4)
- CMYK
- cmyk(0% 44% 21% 41%)
Tons claros · Sombras · Tons
Tons claros
- A26485
- AD7592
- B8859F
- C296AC
- CDA7B9
- D7B8C7
- E1CAD5
- EBDBE3
- F5EDF1
Sombras
- 834867
- 6F3C57
- 5C3148
- 492639
- 371B2A
- 26111D
- 170810
- 080205
- 010001
Tons
- 955979
- 945E7A
- 92627A
- 90677B
- 8D6B7C
- 8B6F7D
- 89747E
- 86787E
- 837C7F
Harmonias de cor
Complementar +180°
- 975478
Feminism
- 1D8062
≈ Deep Sea
Análoga -30° +30°
- 975478
Feminism
- 855A93
≈ Purple Tanzanite
- 9F5458
≈ Cuban Rhythm
Tríade +120° +240°
- 975478
Feminism
- 747121
≈ Olivetone
- 11789A
≈ Sea Sight
Complementar dividida +150° +210°
- 975478
Feminism
- 507B3F
≈ Mana Tree
- 007D80
≈ Macquarie
Tétrade +90° +180° +270°
- 975478
Feminism
- 8D651D
≈ Tapenade
- 1D8062
≈ Deep Sea
- 476EA7
≈ New Age Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.44:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.85:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--feminism: #975478;
--feminism-rgb: 151 84 120;
--feminism-oklch: oklch(0.536 0.1 347.6);
}
.element {
color: var(--feminism);
background-color: hsl(328 29% 46%);
border-color: oklch(0.536 0.1 347.6);
}Tailwind CSS v4
@theme {
--color-feminism: #975478;
--color-feminism-50: #ffeaf9;
--color-feminism-100: #ffdbed;
--color-feminism-200: #f6c3db;
--color-feminism-300: #dfa3bf;
--color-feminism-400: #ca86a9;
--color-feminism-500: #b66a92;
--color-feminism-600: #9a5a7c;
--color-feminism-700: #7b4863;
--color-feminism-800: #5b344a;
--color-feminism-900: #402333;
--color-feminism-950: #28121f;
}SCSS
$feminism: #975478;
$feminism-rgb: 151, 84, 120;
$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);
}