Color con nombre más cercano · #F2E2FF
#F2E2FF
Color con nombre más cercano: Grape Taffy
#F2E2FF (rgb(242 226 255), hsl(273 100% 94%), oklch(0.934 0.042 310.1)) se parece más al color con nombre Grape Taffy. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F2E2FF
oklch(0.934 0.042 310.1)
Conversiones de color
- HEX
- #f2e2ff
- RGB
- rgb(242 226 255)
- HSL
- hsl(273 100% 94%)
- HWB
- hwb(273 89% 0%)
- OKLCH
- oklch(0.934 0.042 310.1)
- OKLab
- oklab(0.934 0.027 -0.032)
- CIE Lab
- lab(91.84 9.5 -12.05)
- LCH
- lch(91.84 15.35 308.3)
- CMYK
- cmyk(5% 11% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- F3E5FF
- F5E8FF
- F6EBFF
- F7EEFF
- F9F1FF
- FAF3FF
- FBF6FF
- FCF9FF
- FEFCFF
Sombras
- D2C4DE
- B4A8BE
- 968C9E
- 797180
- 5E5763
- 433E48
- 2B272E
- 141216
- 030303
Tonos
- E6D8F2
- DACEE4
- CEC4D7
- C3BACA
- B7B0BE
- ACA6B1
- A19CA4
- 969398
- 8B898C
Armonías de color
Complementario +180°
- F2E2FF
Grape Taffy
- E0EFD2
≈ Light Greenette
Análogo -30° +30°
- F2E2FF
Grape Taffy
- E5E7FF
≈ Cyber Lavender
- FEDFF2
≈ So This Is Love
Triádico +120° +240°
- F2E2FF
Grape Taffy
- FCE5CC
≈ Bay Scallop
- CAF3EF
≈ Waterslide
Complementario dividido +150° +210°
- F2E2FF
Grape Taffy
- EFEBCB
≈ Pacific Sand
- D2F3E0
≈ Greenish White
Tetrádico +90° +180° +270°
- F2E2FF
Grape Taffy
- FFE2D8
≈ Peach Cloud
- E0EFD2
≈ Light Greenette
- CBF1FD
≈ Heaven’s Gate
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.09:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--grape-taffy: #f2e2ff;
--grape-taffy-rgb: 242 226 255;
--grape-taffy-oklch: oklch(0.934 0.042 310.1);
}
.element {
color: var(--grape-taffy);
background-color: hsl(273 100% 94%);
border-color: oklch(0.934 0.042 310.1);
}Tailwind CSS v4
@theme {
--color-grape-taffy: #f2e2ff;
--color-grape-taffy-50: #f9f2fe;
--color-grape-taffy-100: #ede4f2;
--color-grape-taffy-200: #dacfe2;
--color-grape-taffy-300: #bfb2c7;
--color-grape-taffy-400: #a698b2;
--color-grape-taffy-500: #8f7f9c;
--color-grape-taffy-600: #796b83;
--color-grape-taffy-700: #615669;
--color-grape-taffy-800: #463f4e;
--color-grape-taffy-900: #312b36;
--color-grape-taffy-950: #1d1821;
}SCSS
$grape-taffy: #f2e2ff;
$grape-taffy-rgb: 242, 226, 255;
$grape-taffy-light: mix(#fff, $grape-taffy, 20%);
$grape-taffy-dark: mix(#000, $grape-taffy, 20%);
.element {
color: $grape-taffy;
box-shadow: 0 0 0 2px rgba($grape-taffy, 0.35);
}