Color con nombre más cercano · #FBA4AC
#FBA4AC
Color con nombre más cercano: Ballet Slippers
#FBA4AC (rgb(251 164 172), hsl(354 92% 81%), oklch(0.807 0.104 13.6)) se parece más al color con nombre Ballet Slippers. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FBA4AC
oklch(0.807 0.104 13.6)
Conversiones de color
- HEX
- #fba4ac
- RGB
- rgb(251 164 172)
- HSL
- hsl(354 92% 81%)
- HWB
- hwb(354 64% 2%)
- OKLCH
- oklch(0.807 0.104 13.6)
- OKLab
- oklab(0.807 0.101 0.024)
- CIE Lab
- lab(76.42 33.8 9.93)
- LCH
- lch(76.42 35.22 16.4)
- CMYK
- cmyk(0% 35% 31% 2%)
Tintes · Sombras · Tonos
Tintes
- FCADB4
- FDB6BC
- FEC0C4
- FFC9CD
- FFD2D5
- FFDBDD
- FFE4E6
- FFEDEE
- FFF6F6
Sombras
- DA8E95
- BA797F
- 9C6469
- 7E5054
- 613D40
- 462B2D
- 2D1A1B
- 150A0B
- 030101
Tonos
- EFA1A8
- E29DA3
- D69A9F
- CA969A
- BD9396
- B18F91
- A58B8D
- 998889
- 8C8484
Armonías de color
Complementario +180°
- FBA4AC
Ballet Slippers
- 63D5D3
≈ Hidden Sea Glass
Análogo -30° +30°
- FBA4AC
Ballet Slippers
- F0A5D1
≈ Violet Kiss
- F9AA89
≈ October Haze
Triádico +120° +240°
- FBA4AC
Ballet Slippers
- A5CF8A
≈ Pistachio Dream
- 92C4FF
≈ Pastel Blue
Complementario dividido +150° +210°
- FBA4AC
Ballet Slippers
- 7DD5AD
≈ Tadorna Teal
- 6DCFF1
≈ Heisenberg Blue
Tetrádico +90° +180° +270°
- FBA4AC
Ballet Slippers
- CBC372
≈ Fresh Sprout
- 63D5D3
≈ Hidden Sea Glass
- B7B8FF
≈ Greyish Lavender
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.00:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--ballet-slippers: #fba4ac;
--ballet-slippers-rgb: 251 164 172;
--ballet-slippers-oklch: oklch(0.807 0.104 13.6);
}
.element {
color: var(--ballet-slippers);
background-color: hsl(354 92% 81%);
border-color: oklch(0.807 0.104 13.6);
}Tailwind CSS v4
@theme {
--color-ballet-slippers: #fba4ac;
--color-ballet-slippers-50: #ffeaeb;
--color-ballet-slippers-100: #ffdbdc;
--color-ballet-slippers-200: #fdc3c5;
--color-ballet-slippers-300: #e7a2a6;
--color-ballet-slippers-400: #d4848c;
--color-ballet-slippers-500: #c06772;
--color-ballet-slippers-600: #a35860;
--color-ballet-slippers-700: #83464d;
--color-ballet-slippers-800: #613239;
--color-ballet-slippers-900: #442227;
--color-ballet-slippers-950: #2c1115;
}SCSS
$ballet-slippers: #fba4ac;
$ballet-slippers-rgb: 251, 164, 172;
$ballet-slippers-light: mix(#fff, $ballet-slippers, 20%);
$ballet-slippers-dark: mix(#000, $ballet-slippers, 20%);
.element {
color: $ballet-slippers;
box-shadow: 0 0 0 2px rgba($ballet-slippers, 0.35);
}