Couleur nommée la plus proche · #FBA4AC
#FBA4AC
Couleur nommée la plus proche: Ballet Slippers
#FBA4AC (rgb(251 164 172), hsl(354 92% 81%), oklch(0.807 0.104 13.6)) est la plus proche de la couleur nommée Ballet Slippers. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FBA4AC
oklch(0.807 0.104 13.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FCADB4
- FDB6BC
- FEC0C4
- FFC9CD
- FFD2D5
- FFDBDD
- FFE4E6
- FFEDEE
- FFF6F6
Ombres
- DA8E95
- BA797F
- 9C6469
- 7E5054
- 613D40
- 462B2D
- 2D1A1B
- 150A0B
- 030101
Tons
- EFA1A8
- E29DA3
- D69A9F
- CA969A
- BD9396
- B18F91
- A58B8D
- 998889
- 8C8484
Harmonies de couleurs
Complémentaire +180°
- FBA4AC
Ballet Slippers
- 63D5D3
≈ Hidden Sea Glass
Analogue -30° +30°
- FBA4AC
Ballet Slippers
- F0A5D1
≈ Violet Kiss
- F9AA89
≈ October Haze
Triadique +120° +240°
- FBA4AC
Ballet Slippers
- A5CF8A
≈ Pistachio Dream
- 92C4FF
≈ Pastel Blue
Complémentaire divisée +150° +210°
- FBA4AC
Ballet Slippers
- 7DD5AD
≈ Tadorna Teal
- 6DCFF1
≈ Heisenberg Blue
Tétradique +90° +180° +270°
- FBA4AC
Ballet Slippers
- CBC372
≈ Fresh Sprout
- 63D5D3
≈ Hidden Sea Glass
- B7B8FF
≈ Greyish Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.90:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.00:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
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);
}