Cor nomeada mais próxima · #8D5D7C
#8D5D7C
Cor nomeada mais próxima: Indian Silk
#8D5D7C (rgb(141 93 124), hsl(321 21% 46%), oklch(0.54 0.076 340.9)) é mais próxima da cor nomeada Indian Silk. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8D5D7C
oklch(0.54 0.076 340.9)
Conversões de cor
- HEX
- #8d5d7c
- RGB
- rgb(141 93 124)
- HSL
- hsl(321 21% 46%)
- HWB
- hwb(321 36% 45%)
- OKLCH
- oklch(0.54 0.076 340.9)
- OKLab
- oklab(0.54 0.072 -0.025)
- CIE Lab
- lab(45.63 23.85 -9.09)
- LCH
- lch(45.63 25.52 339.1)
- CMYK
- cmyk(0% 34% 12% 45%)
Tons claros · Sombras · Tons
Tons claros
- 986C88
- A47C95
- AF8BA2
- BB9BAE
- C6ABBC
- D1BCC9
- DDCCD6
- E8DDE4
- F4EEF1
Sombras
- 7A506B
- 67435A
- 55374A
- 442A3B
- 331F2C
- 23141E
- 140A11
- 070305
- 010001
Tons
- 8C617C
- 8B647D
- 8A687D
- 896B7E
- 886F7E
- 86727F
- 85767F
- 83797F
- 827D80
Harmonias de cor
Complementar +180°
- 8D5D7C
Indian Silk
- 437D60
≈ Liquid Green Stuff
Análoga -30° +30°
- 8D5D7C
Indian Silk
- 7D6290
≈ Plum Power
- 955C64
≈ Ruby Crystal
Tríade +120° +240°
- 8D5D7C
Indian Silk
- 787039
≈ Garden Weed
- 34798E
≈ Adventure
Complementar dividida +150° +210°
- 8D5D7C
Indian Silk
- 5F7848
≈ Jolly Green
- 2E7D79
≈ Zirconia Teal
Tétrade +90° +180° +270°
- 8D5D7C
Indian Silk
- 8B673B
≈ Beagle Brown
- 437D60
≈ Liquid Green Stuff
- 4C729A
≈ Cobalt Flame
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.98:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--indian-silk: #8d5d7c;
--indian-silk-rgb: 141 93 124;
--indian-silk-oklch: oklch(0.54 0.076 340.9);
}
.element {
color: var(--indian-silk);
background-color: hsl(321 21% 46%);
border-color: oklch(0.54 0.076 340.9);
}Tailwind CSS v4
@theme {
--color-indian-silk: #8d5d7c;
--color-indian-silk-50: #ffedfb;
--color-indian-silk-100: #fbdeef;
--color-indian-silk-200: #edc8dd;
--color-indian-silk-300: #d4a8c2;
--color-indian-silk-400: #be8dac;
--color-indian-silk-500: #a97295;
--color-indian-silk-600: #8f617e;
--color-indian-silk-700: #724d65;
--color-indian-silk-800: #54384b;
--color-indian-silk-900: #3b2634;
--color-indian-silk-950: #241520;
}SCSS
$indian-silk: #8d5d7c;
$indian-silk-rgb: 141, 93, 124;
$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);
}