Color con nombre · #F8E2D9
Sly Shrimp
Sly Shrimp es #F8E2D9: rgb(248 226 217), hsl(17 69% 91%), oklch(0.928 0.027 43.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sly Shrimp color name →
#F8E2D9
oklch(0.928 0.027 43.6)
Conversiones de color
- HEX
- #f8e2d9
- RGB
- rgb(248 226 217)
- HSL
- hsl(17 69% 91%)
- HWB
- hwb(17 85% 3%)
- OKLCH
- oklch(0.928 0.027 43.6)
- OKLab
- oklab(0.928 0.02 0.019)
- CIE Lab
- lab(91.51 6.71 7.29)
- LCH
- lch(91.51 9.91 47.4)
- CMYK
- cmyk(0% 9% 13% 3%)
Tintes · Sombras · Tonos
Tintes
- F9E5DD
- FAE8E1
- FAEBE4
- FBEEE8
- FCF0EC
- FCF3F0
- FDF6F4
- FEF9F7
- FEFCFB
Sombras
- D8C4BC
- B8A8A1
- 9A8C86
- 7C716C
- 605753
- 453E3B
- 2C2725
- 151211
- 030302
Tonos
- EBD8D0
- DFCEC7
- D3C4BD
- C6BAB4
- BAB0AB
- AEA6A3
- A39C9A
- 979391
- 8B8989
Armonías de color
Complementario +180°
- F8E2D9
Sly Shrimp
- D5ECF5
≈ Spacious Skies
Análogo -30° +30°
- F8E2D9
Sly Shrimp
- F9E0E2
≈ Poetic Princess
- F3E5D4
≈ Cotton Club
Triádico +120° +240°
- F8E2D9
Sly Shrimp
- D8EDE2
≈ Dreamy Clouds
- E4E5F9
≈ Lavender Mist
Complementario dividido +150° +210°
- F8E2D9
Sly Shrimp
- D4EDEC
≈ A Certain Shade of Green
- DBE9FA
≈ Cloudless
Tetrádico +90° +180° +270°
- F8E2D9
Sly Shrimp
- E0ECD9
≈ Lime Glow
- D5ECF5
≈ Spacious Skies
- EEE2F4
≈ Sheer Lavender
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.87:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.87:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--sly-shrimp: #f8e2d9;
--sly-shrimp-rgb: 248 226 217;
--sly-shrimp-oklch: oklch(0.928 0.027 43.6);
}
.element {
color: var(--sly-shrimp);
background-color: hsl(17 69% 91%);
border-color: oklch(0.928 0.027 43.6);
}Tailwind CSS v4
@theme {
--color-sly-shrimp: #f8e2d9;
--color-sly-shrimp-50: #fcf3ef;
--color-sly-shrimp-100: #f0e5e0;
--color-sly-shrimp-200: #dfd1cb;
--color-sly-shrimp-300: #c4b3ac;
--color-sly-shrimp-400: #ad9a92;
--color-sly-shrimp-500: #978178;
--color-sly-shrimp-600: #7f6d66;
--color-sly-shrimp-700: #665751;
--color-sly-shrimp-800: #4b3f3b;
--color-sly-shrimp-900: #342c29;
--color-sly-shrimp-950: #1f1916;
}SCSS
$sly-shrimp: #f8e2d9;
$sly-shrimp-rgb: 248, 226, 217;
$sly-shrimp-light: mix(#fff, $sly-shrimp, 20%);
$sly-shrimp-dark: mix(#000, $sly-shrimp, 20%);
.element {
color: $sly-shrimp;
box-shadow: 0 0 0 2px rgba($sly-shrimp, 0.35);
}