Cor nomeada · #177B4D
Salem
Salem é #177B4D: rgb(23 123 77), hsl(152 68% 29%), oklch(0.517 0.114 157.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Salem color name →
#177B4D
oklch(0.517 0.114 157.4)
Conversões de cor
- HEX
- #177b4d
- RGB
- rgb(23 123 77)
- HSL
- hsl(152 68% 29%)
- HWB
- hwb(152 9% 52%)
- OKLCH
- oklch(0.517 0.114 157.4)
- OKLab
- oklab(0.517 -0.105 0.044)
- CIE Lab
- lab(45.41 -37.38 17.04)
- LCH
- lch(45.41 41.08 155.5)
- CMYK
- cmyk(81% 0% 37% 52%)
Tons claros · Sombras · Tons
Tons claros
- 38885E
- 51956E
- 68A27F
- 7EAF91
- 93BCA2
- A8C9B4
- BED7C7
- D3E4D9
- E9F1EC
Sombras
- 126A42
- 0E5A37
- 0A4A2C
- 063A22
- 042C18
- 021E0F
- 011007
- 000502
- 000100
Tons
- 2B7C52
- 387D57
- 447D5D
- 4E7E62
- 577E67
- 607F6C
- 697F71
- 718076
- 78807B
Harmonias de cor
Complementar +180°
- 177B4D
Salem
- 914C7F
≈ Verve Violet
Análoga -30° +30°
Tríade +120° +240°
- 177B4D
Salem
- 5960A8
≈ Submarine Base
- 9E4D35
≈ Redridge Brown
Complementar dividida +150° +210°
- 177B4D
Salem
- 7A549A
≈ Juneberry
- 9D485C
≈ Baby Berries
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.28:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.97:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--salem: #177b4d;
--salem-rgb: 23 123 77;
--salem-oklch: oklch(0.517 0.114 157.4);
}
.element {
color: var(--salem);
background-color: hsl(152 68% 29%);
border-color: oklch(0.517 0.114 157.4);
}Tailwind CSS v4
@theme {
--color-salem: #177b4d;
--color-salem-50: #daffea;
--color-salem-100: #c8f4da;
--color-salem-200: #aae4c3;
--color-salem-300: #82caa3;
--color-salem-400: #5fb384;
--color-salem-500: #339c67;
--color-salem-600: #2d8458;
--color-salem-700: #246a46;
--color-salem-800: #1b4e31;
--color-salem-900: #113621;
--color-salem-950: #032110;
}SCSS
$salem: #177b4d;
$salem-rgb: 23, 123, 77;
$salem-light: mix(#fff, $salem, 20%);
$salem-dark: mix(#000, $salem, 20%);
.element {
color: $salem;
box-shadow: 0 0 0 2px rgba($salem, 0.35);
}