Cor nomeada · #8F4E45
El Salva
El Salva é #8F4E45: rgb(143 78 69), hsl(7 35% 42%), oklch(0.499 0.089 28.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · El Salva color name →
#8F4E45
oklch(0.499 0.089 28.9)
Conversões de cor
- HEX
- #8f4e45
- RGB
- rgb(143 78 69)
- HSL
- hsl(7 35% 42%)
- HWB
- hwb(7 27% 44%)
- OKLCH
- oklch(0.499 0.089 28.9)
- OKLab
- oklab(0.499 0.078 0.043)
- CIE Lab
- lab(41.11 27.22 18.01)
- LCH
- lch(41.11 32.64 33.5)
- CMYK
- cmyk(0% 45% 52% 44%)
Tons claros · Sombras · Tons
Tons claros
- 9B5F56
- A77067
- B28179
- BD928B
- C9A49E
- D4B6B1
- DFC8C4
- EADAD7
- F4ECEB
Sombras
- 7C433B
- 693831
- 572D27
- 45231E
- 341915
- 240F0C
- 150705
- 070202
- 010000
Tons
- 8E534B
- 8D5951
- 8C5E57
- 8B635D
- 8A6863
- 886D68
- 87726E
- 857774
- 827B7A
Harmonias de cor
Complementar +180°
- 8F4E45
El Salva
- 00707D
≈ Iridescent Peacock
Análoga -30° +30°
- 8F4E45
El Salva
- 8C4C62
≈ Violet Quartz
- 88552A
≈ Precious Copper
Tríade +120° +240°
- 8F4E45
El Salva
- 3B7146
≈ Parsley Sprig
- 4E6096
≈ Breathtaking
Complementar dividida +150° +210°
- 8F4E45
El Salva
- 087364
≈ Northern Hemisphere
- 2A6990
≈ Ocean Call
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.28:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.34:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--el-salva: #8f4e45;
--el-salva-rgb: 143 78 69;
--el-salva-oklch: oklch(0.499 0.089 28.9);
}
.element {
color: var(--el-salva);
background-color: hsl(7 35% 42%);
border-color: oklch(0.499 0.089 28.9);
}Tailwind CSS v4
@theme {
--color-el-salva: #8f4e45;
--color-el-salva-50: #ffece6;
--color-el-salva-100: #ffded6;
--color-el-salva-200: #f8c7bd;
--color-el-salva-300: #e1a79c;
--color-el-salva-400: #ce8a80;
--color-el-salva-500: #ba6e64;
--color-el-salva-600: #9d5e55;
--color-el-salva-700: #7e4b43;
--color-el-salva-800: #5e3631;
--color-el-salva-900: #422522;
--color-el-salva-950: #2a1311;
}SCSS
$el-salva: #8f4e45;
$el-salva-rgb: 143, 78, 69;
$el-salva-light: mix(#fff, $el-salva, 20%);
$el-salva-dark: mix(#000, $el-salva, 20%);
.element {
color: $el-salva;
box-shadow: 0 0 0 2px rgba($el-salva, 0.35);
}