Color con nombre · #F8E9E2
Hush Pink
Hush Pink es #F8E9E2: rgb(248 233 226), hsl(19 61% 93%), oklch(0.944 0.019 46.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Hush Pink color name →
#F8E9E2
oklch(0.944 0.019 46.8)
Conversiones de color
- HEX
- #f8e9e2
- RGB
- rgb(248 233 226)
- HSL
- hsl(19 61% 93%)
- HWB
- hwb(19 89% 3%)
- OKLCH
- oklch(0.944 0.019 46.8)
- OKLab
- oklab(0.944 0.013 0.014)
- CIE Lab
- lab(93.41 4.4 5.33)
- LCH
- lch(93.41 6.91 50.5)
- CMYK
- cmyk(0% 6% 9% 3%)
Tintes · Sombras · Tonos
Tintes
- F9EBE5
- F9EDE8
- FAF0EB
- FBF2EE
- FCF4F0
- FCF6F3
- FDF8F6
- FEFBF9
- FEFDFC
Sombras
- D8CBC4
- B8ADA8
- 9A908C
- 7C7471
- 605A57
- 45413E
- 2C2927
- 151312
- 030303
Tonos
- EBDED8
- DFD3CE
- D3C8C4
- C6BEBA
- BAB3B0
- AEA9A6
- A29E9C
- 979493
- 8B8A89
Armonías de color
Complementario +180°
- F8E9E2
Hush Pink
- E0EFF6
≈ Diamond White
Análogo -30° +30°
- F8E9E2
Hush Pink
- F9E8E8
≈ Unburdened Pink
- F4EBDF
≈ Egret
Triádico +120° +240°
- F8E9E2
Hush Pink
- E1F1EA
≈ Aquacade
- EBEBF9
≈ Bright Dusk
Complementario dividido +150° +210°
- F8E9E2
Hush Pink
- DFF1F1
≈ Soar
- E5EDF9
≈ Cotton Boll
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.74:1 · APCA Lc 95
Mejor color de texto: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--hush-pink: #f8e9e2;
--hush-pink-rgb: 248 233 226;
--hush-pink-oklch: oklch(0.944 0.019 46.8);
}
.element {
color: var(--hush-pink);
background-color: hsl(19 61% 93%);
border-color: oklch(0.944 0.019 46.8);
}Tailwind CSS v4
@theme {
--color-hush-pink: #f8e9e2;
--color-hush-pink-50: #faf4f0;
--color-hush-pink-100: #ede6e2;
--color-hush-pink-200: #dbd2cd;
--color-hush-pink-300: #c0b5af;
--color-hush-pink-400: #a89b95;
--color-hush-pink-500: #91837c;
--color-hush-pink-600: #7b6f69;
--color-hush-pink-700: #625854;
--color-hush-pink-800: #48403d;
--color-hush-pink-900: #322c2a;
--color-hush-pink-950: #1e1918;
}SCSS
$hush-pink: #f8e9e2;
$hush-pink-rgb: 248, 233, 226;
$hush-pink-light: mix(#fff, $hush-pink, 20%);
$hush-pink-dark: mix(#000, $hush-pink, 20%);
.element {
color: $hush-pink;
box-shadow: 0 0 0 2px rgba($hush-pink, 0.35);
}