Cor nomeada · #526E6B
Silver Pine
Silver Pine é #526E6B: rgb(82 110 107), hsl(174 15% 38%), oklch(0.515 0.033 188). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Silver Pine color name →
#526E6B
oklch(0.515 0.033 188)
Conversões de cor
- HEX
- #526e6b
- RGB
- rgb(82 110 107)
- HSL
- hsl(174 15% 38%)
- HWB
- hwb(174 32% 57%)
- OKLCH
- oklch(0.515 0.033 188)
- OKLab
- oklab(0.515 -0.033 -0.005)
- CIE Lab
- lab(44.16 -11.14 -1.84)
- LCH
- lch(44.16 11.29 189.4)
- CMYK
- cmyk(25% 0% 3% 57%)
Tons claros · Sombras · Tons
Tons claros
- 627C79
- 728987
- 839795
- 94A5A3
- A5B4B2
- B7C3C1
- C8D1D0
- DAE0E0
- EDF0EF
Sombras
- 465F5C
- 3B504E
- 2F413F
- 253332
- 1A2625
- 111918
- 080E0D
- 020404
- 000100
Tons
- 57706D
- 5B726F
- 607371
- 657573
- 697775
- 6E7978
- 727B7A
- 777C7C
- 7B7E7E
Harmonias de cor
Complementar +180°
- 526E6B
Silver Pine
- 796064
≈ Pretty Puce
Análoga -30° +30°
- 526E6B
Silver Pine
- 586E60
≈ Army Canvas
- 526D74
≈ Blue Sentinel
Tríade +120° +240°
- 526E6B
Silver Pine
- 6D6377
≈ Iris Petal
- 756453
≈ Tanbark Trail
Complementar dividida +150° +210°
- 526E6B
Silver Pine
- 75616E
≈ Purple Kasbah
- 79615A
≈ Raisin in the Sun
Tétrade +90° +180° +270°
- 526E6B
Silver Pine
- 63667B
≈ Eggplant Ash
- 796064
≈ Pretty Puce
- 6C6852
≈ Aged Jade
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.52:1 · APCA Lc 78
Ag
FailSobre preto
WCAG 3.80:1 · APCA Lc 24
Melhor cor de texto: #FFFFFF
WCAG 5.52:1 (AA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--silver-pine: #526e6b;
--silver-pine-rgb: 82 110 107;
--silver-pine-oklch: oklch(0.515 0.033 188);
}
.element {
color: var(--silver-pine);
background-color: hsl(174 15% 38%);
border-color: oklch(0.515 0.033 188);
}Tailwind CSS v4
@theme {
--color-silver-pine: #526e6b;
--color-silver-pine-50: #ebf8f7;
--color-silver-pine-100: #dcecea;
--color-silver-pine-200: #c5d9d7;
--color-silver-pine-300: #a5bdbb;
--color-silver-pine-400: #89a5a2;
--color-silver-pine-500: #6e8e8a;
--color-silver-pine-600: #5d7875;
--color-silver-pine-700: #4a605d;
--color-silver-pine-800: #364644;
--color-silver-pine-900: #25312f;
--color-silver-pine-950: #131d1b;
}SCSS
$silver-pine: #526e6b;
$silver-pine-rgb: 82, 110, 107;
$silver-pine-light: mix(#fff, $silver-pine, 20%);
$silver-pine-dark: mix(#000, $silver-pine, 20%);
.element {
color: $silver-pine;
box-shadow: 0 0 0 2px rgba($silver-pine, 0.35);
}