Cor nomeada · #A7C5CE
Salt Spray
Salt Spray é #A7C5CE: rgb(167 197 206), hsl(194 28% 73%), oklch(0.804 0.035 217.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Salt Spray color name →
#A7C5CE
oklch(0.804 0.035 217.8)
Conversões de cor
- HEX
- #a7c5ce
- RGB
- rgb(167 197 206)
- HSL
- hsl(194 28% 73%)
- HWB
- hwb(194 65% 19%)
- OKLCH
- oklch(0.804 0.035 217.8)
- OKLab
- oklab(0.804 -0.027 -0.021)
- CIE Lab
- lab(77.5 -9.01 -8.08)
- LCH
- lch(77.5 12.1 221.9)
- CMYK
- cmyk(19% 4% 0% 19%)
Tons claros · Sombras · Tons
Tons claros
- B0CBD3
- B8D0D8
- C1D6DD
- CADCE1
- D3E2E6
- DBE8EB
- E4EDF0
- EDF3F5
- F6F9FA
Sombras
- 91ABB3
- 7B9298
- 66797F
- 526166
- 3E4B4E
- 2C3538
- 1A2123
- 0A0E0F
- 010202
Tons
- A3BEC6
- 9FB7BE
- 9BB0B6
- 98A9AE
- 94A2A6
- 909B9E
- 8C9497
- 888D8F
- 848788
Harmonias de cor
Complementar +180°
- A7C5CE
Salt Spray
- D4B8AF
≈ Cracker Crumbs
Análoga -30° +30°
- A7C5CE
Salt Spray
- A7C7C3
≈ Peppermint Pie
- AEC2D5
≈ Airway
Tríade +120° +240°
- A7C5CE
Salt Spray
- CFB7C7
≈ Soft Amethyst
- C5C0A7
≈ Mandu Dumpling
Complementar dividida +150° +210°
- A7C5CE
Salt Spray
- D4B6BB
≈ Rose Stain
- CFBBA8
≈ Chinchilla Chenille
Tétrade +90° +180° +270°
- A7C5CE
Salt Spray
- C5B9D1
≈ Fog Syringa
- D4B8AF
≈ Cracker Crumbs
- B9C4AC
≈ Arbor Vitae
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.52:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--salt-spray: #a7c5ce;
--salt-spray-rgb: 167 197 206;
--salt-spray-oklch: oklch(0.804 0.035 217.8);
}
.element {
color: var(--salt-spray);
background-color: hsl(194 28% 73%);
border-color: oklch(0.804 0.035 217.8);
}Tailwind CSS v4
@theme {
--color-salt-spray: #a7c5ce;
--color-salt-spray-50: #ebf8fc;
--color-salt-spray-100: #dcebf0;
--color-salt-spray-200: #c5d8df;
--color-salt-spray-300: #a5bcc4;
--color-salt-spray-400: #88a4ac;
--color-salt-spray-500: #6d8c96;
--color-salt-spray-600: #5c777e;
--color-salt-spray-700: #4a5f65;
--color-salt-spray-800: #35464a;
--color-salt-spray-900: #243033;
--color-salt-spray-950: #131c1f;
}SCSS
$salt-spray: #a7c5ce;
$salt-spray-rgb: 167, 197, 206;
$salt-spray-light: mix(#fff, $salt-spray, 20%);
$salt-spray-dark: mix(#000, $salt-spray, 20%);
.element {
color: $salt-spray;
box-shadow: 0 0 0 2px rgba($salt-spray, 0.35);
}