Cor nomeada mais próxima · #935C73
#935C73
Cor nomeada mais próxima: Indian Silk
#935C73 (rgb(147 92 115), hsl(335 23% 47%), oklch(0.543 0.078 353.4)) é 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.
#935C73
oklch(0.543 0.078 353.4)
Conversões de cor
- HEX
- #935c73
- RGB
- rgb(147 92 115)
- HSL
- hsl(335 23% 47%)
- HWB
- hwb(335 36% 42%)
- OKLCH
- oklch(0.543 0.078 353.4)
- OKLab
- oklab(0.543 0.078 -0.009)
- CIE Lab
- lab(45.91 25.6 -3.15)
- LCH
- lch(45.91 25.8 353)
- CMYK
- cmyk(0% 37% 22% 42%)
Tons claros · Sombras · Tons
Tons claros
- 9E6B80
- A97B8D
- B48B9B
- BF9BA9
- CAABB7
- D4BBC5
- DFCCD3
- EADDE1
- F4EEF0
Sombras
- 7F4F63
- 6C4254
- 593645
- 472A36
- 361F28
- 25141B
- 160A0F
- 080305
- 010001
Tons
- 926074
- 906476
- 8E6777
- 8D6B78
- 8B6F79
- 89727B
- 87767C
- 85797D
- 827D7F
Harmonias de cor
Complementar +180°
- 935C73
Indian Silk
- 377E6B
≈ Green Belt
Análoga -30° +30°
- 935C73
Indian Silk
- 86608A
≈ Swiss Lilac
- 985D5A
≈ Rhode Island Red
Tríade +120° +240°
- 935C73
Indian Silk
- 6F743D
≈ Swamp Shrub
- 3C7796
≈ Cottage by the Sea
Complementar dividida +150° +210°
- 935C73
Indian Silk
- 537B51
≈ Torrey Pine
- 2A7D84
≈ Jade Jewel
Tétrade +90° +180° +270°
- 935C73
Indian Silk
- 856B37
≈ By Gum
- 377E6B
≈ Green Belt
- 586F9D
≈ Moonshade
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--indian-silk: #935c73;
--indian-silk-rgb: 147 92 115;
--indian-silk-oklch: oklch(0.543 0.078 353.4);
}
.element {
color: var(--indian-silk);
background-color: hsl(335 23% 47%);
border-color: oklch(0.543 0.078 353.4);
}Tailwind CSS v4
@theme {
--color-indian-silk: #935c73;
--color-indian-silk-50: #ffecf6;
--color-indian-silk-100: #ffdee9;
--color-indian-silk-200: #f1c7d6;
--color-indian-silk-300: #d9a7b9;
--color-indian-silk-400: #c48ca2;
--color-indian-silk-500: #af708a;
--color-indian-silk-600: #945f75;
--color-indian-silk-700: #774c5e;
--color-indian-silk-800: #573745;
--color-indian-silk-900: #3d2630;
--color-indian-silk-950: #26141c;
}SCSS
$indian-silk: #935c73;
$indian-silk-rgb: 147, 92, 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);
}