Color con nombre más cercano · #99577E
#99577E
Color con nombre más cercano: Feminism
#99577E (rgb(153 87 126), hsl(325 27% 47%), oklch(0.545 0.1 344.6)) se parece más al color con nombre Feminism. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#99577E
oklch(0.545 0.1 344.6)
Conversiones de color
- HEX
- #99577e
- RGB
- rgb(153 87 126)
- HSL
- hsl(325 27% 47%)
- HWB
- hwb(325 34% 40%)
- OKLCH
- oklch(0.545 0.1 344.6)
- OKLab
- oklab(0.545 0.097 -0.027)
- CIE Lab
- lab(45.89 31.89 -9.7)
- LCH
- lch(45.89 33.33 343.1)
- CMYK
- cmyk(0% 43% 18% 40%)
Tintes · Sombras · Tonos
Tintes
- A4678A
- AE7797
- B988A3
- C398B0
- CDA9BD
- D8BACA
- E2CBD7
- EBDCE4
- F5EDF1
Sombras
- 844B6D
- 703E5C
- 5D334C
- 4A273C
- 381C2D
- 27121F
- 170811
- 080305
- 010001
Tonos
- 975C7E
- 95607F
- 93647F
- 91687F
- 8E6D7F
- 8C717F
- 897580
- 867880
- 837C80
Armonías de color
Complementario +180°
- 99577E
Feminism
- 278261
≈ Accent Green Blue
Análogo -30° +30°
- 99577E
Feminism
- 865D99
≈ Wisteria Purple
- A2565E
≈ Cuban Rhythm
Triádico +120° +240°
- 99577E
Feminism
- 7A7322
≈ Wood Garlic
- 0C7C9C
≈ Turkish Tile
Complementario dividido +150° +210°
- 99577E
Feminism
- 567D3E
≈ Mangrove Leaf
- 008181
≈ Teal
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.01:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--feminism: #99577e;
--feminism-rgb: 153 87 126;
--feminism-oklch: oklch(0.545 0.1 344.6);
}
.element {
color: var(--feminism);
background-color: hsl(325 27% 47%);
border-color: oklch(0.545 0.1 344.6);
}Tailwind CSS v4
@theme {
--color-feminism: #99577e;
--color-feminism-50: #ffeafb;
--color-feminism-100: #ffdbef;
--color-feminism-200: #f5c4dd;
--color-feminism-300: #dea3c2;
--color-feminism-400: #c986ac;
--color-feminism-500: #b56a96;
--color-feminism-600: #995a7f;
--color-feminism-700: #7b4865;
--color-feminism-800: #5a344c;
--color-feminism-900: #3f2335;
--color-feminism-950: #281220;
}SCSS
$feminism: #99577e;
$feminism-rgb: 153, 87, 126;
$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);
}