Cor nomeada · #949EA2
Soft Pumice
Soft Pumice é #949EA2: rgb(148 158 162), hsl(197 7% 61%), oklch(0.692 0.013 223.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soft Pumice color name →
#949EA2
oklch(0.692 0.013 223.6)
Conversões de cor
- HEX
- #949ea2
- RGB
- rgb(148 158 162)
- HSL
- hsl(197 7% 61%)
- HWB
- hwb(197 58% 36%)
- OKLCH
- oklch(0.692 0.013 223.6)
- OKLab
- oklab(0.692 -0.009 -0.009)
- CIE Lab
- lab(64.4 -3.09 -3.39)
- LCH
- lch(64.4 4.58 227.7)
- CMYK
- cmyk(9% 2% 0% 36%)
Tons claros · Sombras · Tons
Tons claros
- 9EA7AB
- A9B1B4
- B3BABD
- BEC4C6
- C8CDD0
- D3D7D9
- DEE1E2
- E9EBEC
- F4F5F5
Sombras
- 80898C
- 6D7477
- 5A6063
- 484D4F
- 363A3C
- 26292A
- 161819
- 08090A
- 010101
Tons
- 929B9F
- 90989B
- 8E9598
- 8C9294
- 8A8F91
- 888C8D
- 86898A
- 848687
- 828383
Harmonias de cor
Complementar +180°
- 949EA2
Soft Pumice
- A39A96
≈ Twilight Taupe
Análoga -30° +30°
- 949EA2
Soft Pumice
- 939F9E
≈ Hatteras Grey
- 979DA4
≈ Shining Knight
Tríade +120° +240°
- 949EA2
Soft Pumice
- A2999E
≈ Sugilite
- 9D9D94
≈ Dawn
Complementar dividida +150° +210°
- 949EA2
Soft Pumice
- A4999A
≈ Sugar Tree
- A19B94
≈ Fashion Grey
Tétrade +90° +180° +270°
- 949EA2
Soft Pumice
- 9F9AA2
≈ Art Nouveau Glass
- A39A96
≈ Twilight Taupe
- 999E96
≈ Trellised Ivy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.67:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--soft-pumice: #949ea2;
--soft-pumice-rgb: 148 158 162;
--soft-pumice-oklch: oklch(0.692 0.013 223.6);
}
.element {
color: var(--soft-pumice);
background-color: hsl(197 7% 61%);
border-color: oklch(0.692 0.013 223.6);
}Tailwind CSS v4
@theme {
--color-soft-pumice: #949ea2;
--color-soft-pumice-50: #f1f6f8;
--color-soft-pumice-100: #e4e9eb;
--color-soft-pumice-200: #cfd5d8;
--color-soft-pumice-300: #b1b9bc;
--color-soft-pumice-400: #97a0a4;
--color-soft-pumice-500: #7d888c;
--color-soft-pumice-600: #6a7377;
--color-soft-pumice-700: #555c5f;
--color-soft-pumice-800: #3e4346;
--color-soft-pumice-900: #2a2f30;
--color-soft-pumice-950: #181b1c;
}SCSS
$soft-pumice: #949ea2;
$soft-pumice-rgb: 148, 158, 162;
$soft-pumice-light: mix(#fff, $soft-pumice, 20%);
$soft-pumice-dark: mix(#000, $soft-pumice, 20%);
.element {
color: $soft-pumice;
box-shadow: 0 0 0 2px rgba($soft-pumice, 0.35);
}