Color con nombre más cercano · #F1CEE0
#F1CEE0
Color con nombre más cercano: LA Vibes
#F1CEE0 (rgb(241 206 224), hsl(329 56% 88%), oklch(0.886 0.046 345.7)) se parece más al color con nombre LA Vibes. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#F1CEE0
oklch(0.886 0.046 345.7)
Conversiones de color
- HEX
- #f1cee0
- RGB
- rgb(241 206 224)
- HSL
- hsl(329 56% 88%)
- HWB
- hwb(329 81% 5%)
- OKLCH
- oklch(0.886 0.046 345.7)
- OKLab
- oklab(0.886 0.044 -0.011)
- CIE Lab
- lab(86.17 14.86 -4.13)
- LCH
- lch(86.17 15.42 344.5)
- CMYK
- cmyk(0% 15% 7% 5%)
Tintes · Sombras · Tonos
Tintes
- F3D3E3
- F4D8E6
- F6DDE9
- F7E2EC
- F8E6EF
- FAEBF3
- FBF0F6
- FCF5F9
- FEFAFC
Sombras
- D2B3C3
- B398A6
- 957F8A
- 796670
- 5D4E56
- 43383E
- 2B2327
- 140F12
- 030202
Tonos
- E5C6D6
- DABECC
- CEB6C2
- C3AEB8
- B7A6AF
- AC9EA5
- A1979C
- 968F92
- 8B8889
Armonías de color
Complementario +180°
- F1CEE0
LA Vibes
- BEE4D2
≈ Beru
Análogo -30° +30°
- F1CEE0
LA Vibes
- E5D1EE
≈ Lavender Princess
- F6CECF
≈ Strawberry Ripple
Triádico +120° +240°
- F1CEE0
LA Vibes
- DDDCBA
≈ Endless Silk
- BBE0F1
≈ Fountains of Budapest
Complementario dividido +150° +210°
- F1CEE0
LA Vibes
- CCE1C3
≈ Soft Moss
- B7E3E3
≈ Seascape Green
Tetrádico +90° +180° +270°
- F1CEE0
LA Vibes
- EBD6B9
≈ Sugared Pears
- BEE4D2
≈ Beru
- C6DBF8
≈ Fly a Kite
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.64:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--la-vibes: #f1cee0;
--la-vibes-rgb: 241 206 224;
--la-vibes-oklch: oklch(0.886 0.046 345.7);
}
.element {
color: var(--la-vibes);
background-color: hsl(329 56% 88%);
border-color: oklch(0.886 0.046 345.7);
}Tailwind CSS v4
@theme {
--color-la-vibes: #f1cee0;
--color-la-vibes-50: #fff0f7;
--color-la-vibes-100: #f4e2eb;
--color-la-vibes-200: #e4cdd8;
--color-la-vibes-300: #caaebc;
--color-la-vibes-400: #b394a4;
--color-la-vibes-500: #9d7a8d;
--color-la-vibes-600: #856877;
--color-la-vibes-700: #6a535f;
--color-la-vibes-800: #4e3c46;
--color-la-vibes-900: #362931;
--color-la-vibes-950: #21171d;
}SCSS
$la-vibes: #f1cee0;
$la-vibes-rgb: 241, 206, 224;
$la-vibes-light: mix(#fff, $la-vibes, 20%);
$la-vibes-dark: mix(#000, $la-vibes, 20%);
.element {
color: $la-vibes;
box-shadow: 0 0 0 2px rgba($la-vibes, 0.35);
}