Cor nomeada · #EEE1D7
Sea Salt
Sea Salt é #EEE1D7: rgb(238 225 215), hsl(26 40% 89%), oklch(0.917 0.02 60.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sea Salt color name →
#EEE1D7
oklch(0.917 0.02 60.2)
Conversões de cor
- HEX
- #eee1d7
- RGB
- rgb(238 225 215)
- HSL
- hsl(26 40% 89%)
- HWB
- hwb(26 84% 7%)
- OKLCH
- oklch(0.917 0.02 60.2)
- OKLab
- oklab(0.917 0.01 0.017)
- CIE Lab
- lab(90.38 3.34 6.58)
- LCH
- lch(90.38 7.38 63.1)
- CMYK
- cmyk(0% 5% 10% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0E4DB
- F1E7DF
- F3EAE3
- F5EDE7
- F7F0EB
- F8F3EF
- FAF6F3
- FCF9F7
- FDFCFB
Sombras
- CFC4BB
- B1A79F
- 938B85
- 77706B
- 5C5652
- 423E3B
- 2A2725
- 141211
- 030202
Tons
- E2D7CE
- D7CDC5
- CCC3BC
- C1B9B3
- B5AFAB
- ABA6A2
- A09C99
- 959391
- 8A8988
Harmonias de cor
Complementar +180°
- EEE1D7
Sea Salt
- D9E6F0
≈ Space Wolves Grey
Análoga -30° +30°
- EEE1D7
Sea Salt
- F1DFDC
≈ White Russian
- E9E3D5
≈ Ostrich
Tríade +120° +240°
- EEE1D7
Sea Salt
- D7E8E4
≈ Aqua Breeze
- E5E1EF
≈ Romantic Cruise
Complementar dividida +150° +210°
- EEE1D7
Sea Salt
- D6E8EB
≈ Enchanted Evening
- DEE3F1
≈ Iris Ice
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.38:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.38:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--sea-salt: #eee1d7;
--sea-salt-rgb: 238 225 215;
--sea-salt-oklch: oklch(0.917 0.02 60.2);
}
.element {
color: var(--sea-salt);
background-color: hsl(26 40% 89%);
border-color: oklch(0.917 0.02 60.2);
}Tailwind CSS v4
@theme {
--color-sea-salt: #eee1d7;
--color-sea-salt-50: #f9f4f0;
--color-sea-salt-100: #ede7e1;
--color-sea-salt-200: #dbd3cc;
--color-sea-salt-300: #bfb5ad;
--color-sea-salt-400: #a89c93;
--color-sea-salt-500: #908379;
--color-sea-salt-600: #7a6f67;
--color-sea-salt-700: #625952;
--color-sea-salt-800: #48413c;
--color-sea-salt-900: #322d29;
--color-sea-salt-950: #1e1a17;
}SCSS
$sea-salt: #eee1d7;
$sea-salt-rgb: 238, 225, 215;
$sea-salt-light: mix(#fff, $sea-salt, 20%);
$sea-salt-dark: mix(#000, $sea-salt, 20%);
.element {
color: $sea-salt;
box-shadow: 0 0 0 2px rgba($sea-salt, 0.35);
}