Màu có tên gần nhất · #FBA4AC
#FBA4AC
Màu có tên gần nhất: Ballet Slippers
#FBA4AC (rgb(251 164 172), hsl(354 92% 81%), oklch(0.807 0.104 13.6)) gần nhất với màu có tên Ballet Slippers. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#FBA4AC
oklch(0.807 0.104 13.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FCADB4
- FDB6BC
- FEC0C4
- FFC9CD
- FFD2D5
- FFDBDD
- FFE4E6
- FFEDEE
- FFF6F6
Sắc đậm
- DA8E95
- BA797F
- 9C6469
- 7E5054
- 613D40
- 462B2D
- 2D1A1B
- 150A0B
- 030101
Sắc xám
- EFA1A8
- E29DA3
- D69A9F
- CA969A
- BD9396
- B18F91
- A58B8D
- 998889
- 8C8484
Hòa sắc
Bổ túc +180°
- FBA4AC
Ballet Slippers
- 63D5D3
≈ Hidden Sea Glass
Tương đồng -30° +30°
- FBA4AC
Ballet Slippers
- F0A5D1
≈ Violet Kiss
- F9AA89
≈ October Haze
Bộ ba +120° +240°
- FBA4AC
Ballet Slippers
- A5CF8A
≈ Pistachio Dream
- 92C4FF
≈ Pastel Blue
Bổ túc chia +150° +210°
- FBA4AC
Ballet Slippers
- 7DD5AD
≈ Tadorna Teal
- 6DCFF1
≈ Heisenberg Blue
Bộ bốn +90° +180° +270°
- FBA4AC
Ballet Slippers
- CBC372
≈ Fresh Sprout
- 63D5D3
≈ Hidden Sea Glass
- B7B8FF
≈ Greyish Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.90:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.00:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
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);
}