Cor nomeada · #8A5773
Indian Silk
Indian Silk é #8A5773: rgb(138 87 115), hsl(327 23% 44%), oklch(0.522 0.077 346). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Indian Silk color name →
#8A5773
oklch(0.522 0.077 346)
Conversões de cor
- HEX
- #8a5773
- RGB
- rgb(138 87 115)
- HSL
- hsl(327 23% 44%)
- HWB
- hwb(327 34% 46%)
- OKLCH
- oklch(0.522 0.077 346)
- OKLab
- oklab(0.522 0.075 -0.019)
- CIE Lab
- lab(43.55 24.83 -6.78)
- LCH
- lch(43.55 25.74 344.7)
- CMYK
- cmyk(0% 37% 17% 46%)
Tons claros · Sombras · Tons
Tons claros
- 966780
- A2778D
- AD879B
- B997A9
- C5A8B7
- D0B9C5
- DCCAD3
- E8DCE2
- F3EDF0
Sombras
- 774B63
- 653E54
- 533345
- 422736
- 321C28
- 22121B
- 14080F
- 070305
- 010001
Tons
- 895B74
- 896076
- 886477
- 876878
- 866C7A
- 85707B
- 84747C
- 83787D
- 827C7F
Harmonias de cor
Complementar +180°
- 8A5773
Indian Silk
- 38785F
≈ Scouring Rush
Análoga -30° +30°
- 8A5773
Indian Silk
- 7B5C88
≈ Champion
- 91575A
≈ Baca Berry
Tríade +120° +240°
- 8A5773
Indian Silk
- 6F6C34
≈ Aged Mustard Green
- 30738C
≈ Bengal Blue
Complementar dividida +150° +210°
- 8A5773
Indian Silk
- 557446
≈ Artichoke Green
- 247778
≈ Atoll
Tétrade +90° +180° +270°
- 8A5773
Indian Silk
- 836333
≈ Dirt Brown
- 38785F
≈ Scouring Rush
- 4B6B96
≈ Blue Odyssey
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.68:1 · APCA Lc 78
Ag
FailSobre preto
WCAG 3.69:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--indian-silk: #8a5773;
--indian-silk-rgb: 138 87 115;
--indian-silk-oklch: oklch(0.522 0.077 346);
}
.element {
color: var(--indian-silk);
background-color: hsl(327 23% 44%);
border-color: oklch(0.522 0.077 346);
}Tailwind CSS v4
@theme {
--color-indian-silk: #8a5773;
--color-indian-silk-50: #ffedf9;
--color-indian-silk-100: #fddeec;
--color-indian-silk-200: #efc7da;
--color-indian-silk-300: #d6a8be;
--color-indian-silk-400: #c18ca8;
--color-indian-silk-500: #ac7191;
--color-indian-silk-600: #91607b;
--color-indian-silk-700: #744d62;
--color-indian-silk-800: #563749;
--color-indian-silk-900: #3c2633;
--color-indian-silk-950: #25141e;
}SCSS
$indian-silk: #8a5773;
$indian-silk-rgb: 138, 87, 115;
$indian-silk-light: mix(#fff, $indian-silk, 20%);
$indian-silk-dark: mix(#000, $indian-silk, 20%);
.element {
color: $indian-silk;
box-shadow: 0 0 0 2px rgba($indian-silk, 0.35);
}