Color con nombre más cercano · #F5E3E5
#F5E3E5
Color con nombre más cercano: Tutu
#F5E3E5 (rgb(245 227 229), hsl(353 47% 93%), oklch(0.931 0.02 9.8)) 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.
#F5E3E5
oklch(0.931 0.02 9.8)
Conversiones de color
- HEX
- #f5e3e5
- RGB
- rgb(245 227 229)
- HSL
- hsl(353 47% 93%)
- HWB
- hwb(353 89% 4%)
- OKLCH
- oklch(0.931 0.02 9.8)
- OKLab
- oklab(0.931 0.02 0.003)
- CIE Lab
- lab(91.74 6.6 1.36)
- LCH
- lch(91.74 6.74 11.6)
- CMYK
- cmyk(0% 7% 7% 4%)
Tintes · Sombras · Tonos
Tintes
- F6E6E8
- F7E9EA
- F8EBED
- F9EEEF
- FAF1F2
- FBF4F5
- FCF7F7
- FDF9FA
- FEFCFC
Sombras
- D5C5C7
- B6A8AA
- 988C8E
- 7B7172
- 5F5758
- 443F3F
- 2B2728
- 151212
- 030303
Tonos
- E9D9DA
- DDCED0
- D1C4C6
- C5BABB
- B9B0B1
- ADA6A7
- A29D9D
- 969393
- 8B898A
Armonías de color
Complementario +180°
- F5E3E5
Tutu
- DAEDEB
≈ Ice Folly
Análogo -30° +30°
- F5E3E5
Tutu
- F2E3EC
≈ Pink Amour
- F5E4DE
≈ Faded Light
Triádico +120° +240°
- F5E3E5
Tutu
- E4EBDD
≈ Minified Mint
- DFEAF5
≈ Freeze Up
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 17.00:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 17.00:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--tutu: #f5e3e5;
--tutu-rgb: 245 227 229;
--tutu-oklch: oklch(0.931 0.02 9.8);
}
.element {
color: var(--tutu);
background-color: hsl(353 47% 93%);
border-color: oklch(0.931 0.02 9.8);
}Tailwind CSS v4
@theme {
--color-tutu: #f5e3e5;
--color-tutu-50: #fbf3f3;
--color-tutu-100: #eee5e6;
--color-tutu-200: #dcd1d2;
--color-tutu-300: #c1b3b5;
--color-tutu-400: #aa9a9c;
--color-tutu-500: #938183;
--color-tutu-600: #7c6d6f;
--color-tutu-700: #635759;
--color-tutu-800: #494041;
--color-tutu-900: #332c2d;
--color-tutu-950: #1e191a;
}SCSS
$tutu: #f5e3e5;
$tutu-rgb: 245, 227, 229;
$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);
}