Color con nombre más cercano · #FBE4E3
#FBE4E3
Color con nombre más cercano: Tutu
#FBE4E3 (rgb(251 228 227), hsl(3 75% 94%), oklch(0.937 0.025 20.6)) se parece más al color con nombre Tutu. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FBE4E3
oklch(0.937 0.025 20.6)
Conversiones de color
- HEX
- #fbe4e3
- RGB
- rgb(251 228 227)
- HSL
- hsl(3 75% 94%)
- HWB
- hwb(3 89% 2%)
- OKLCH
- oklch(0.937 0.025 20.6)
- OKLab
- oklab(0.937 0.024 0.009)
- CIE Lab
- lab(92.46 8.01 3.5)
- LCH
- lch(92.46 8.74 23.6)
- CMYK
- cmyk(0% 9% 10% 2%)
Tintes · Sombras · Tonos
Tintes
- FBE7E6
- FCE9E9
- FCECEB
- FDEFEE
- FDF1F1
- FEF4F4
- FEF7F7
- FEFAF9
- FFFCFC
Sombras
- DAC6C5
- BAA9A8
- 9C8D8C
- 7E7271
- 615857
- 463F3F
- 2D2827
- 151212
- 030303
Tonos
- EEDAD9
- E1CFCE
- D5C5C4
- C8BBBA
- BCB1B0
- AFA7A6
- A39D9D
- 979393
- 8C8A89
Armonías de color
Complementario +180°
- FBE4E3
Tutu
- D8F0F1
≈ Let It Snow
Análogo -30° +30°
- FBE4E3
Tutu
- F9E4EC
≈ Pink Tutu
- F9E6DB
≈ White Peach
Triádico +120° +240°
- FBE4E3
Tutu
- E2EFDF
≈ Mint Grasshopper
- E1EBFC
≈ Husky
Complementario dividido +150° +210°
- FBE4E3
Tutu
- DAF0E8
≈ Banshee
- DAEEF8
≈ Ice Fishing
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.30:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--tutu: #fbe4e3;
--tutu-rgb: 251 228 227;
--tutu-oklch: oklch(0.937 0.025 20.6);
}
.element {
color: var(--tutu);
background-color: hsl(3 75% 94%);
border-color: oklch(0.937 0.025 20.6);
}Tailwind CSS v4
@theme {
--color-tutu: #fbe4e3;
--color-tutu-50: #fcf2f2;
--color-tutu-100: #f0e5e4;
--color-tutu-200: #dfd0cf;
--color-tutu-300: #c4b3b1;
--color-tutu-400: #ad9998;
--color-tutu-500: #96807f;
--color-tutu-600: #7f6c6c;
--color-tutu-700: #665756;
--color-tutu-800: #4b3f3f;
--color-tutu-900: #342b2b;
--color-tutu-950: #1f1919;
}SCSS
$tutu: #fbe4e3;
$tutu-rgb: 251, 228, 227;
$tutu-light: mix(#fff, $tutu, 20%);
$tutu-dark: mix(#000, $tutu, 20%);
.element {
color: $tutu;
box-shadow: 0 0 0 2px rgba($tutu, 0.35);
}