Màu có tên gần nhất · #FDBEC6
#FDBEC6
Màu có tên gần nhất: Love Affair
#FDBEC6 (rgb(253 190 198), hsl(352 94% 87%), oklch(0.861 0.073 10.2)) gần nhất với màu có tên Love Affair. 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.
#FDBEC6
oklch(0.861 0.073 10.2)
Chuyển đổi màu
- HEX
- #fdbec6
- RGB
- rgb(253 190 198)
- HSL
- hsl(352 94% 87%)
- HWB
- hwb(352 75% 1%)
- OKLCH
- oklch(0.861 0.073 10.2)
- OKLab
- oklab(0.861 0.072 0.013)
- CIE Lab
- lab(83.02 24.16 5.29)
- LCH
- lch(83.02 24.73 12.3)
- CMYK
- cmyk(0% 25% 22% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FEC5CC
- FECBD1
- FFD2D7
- FFD8DD
- FFDFE2
- FFE5E8
- FFECEE
- FFF2F3
- FFF9F9
Sắc đậm
- DCA5AC
- BC8C92
- 9D757A
- 7F5E62
- 62484B
- 473335
- 2D1F21
- 160D0E
- 030202
Sắc xám
- F0B8BF
- E3B1B8
- D7ABB0
- CAA5A9
- BE9FA2
- B1999B
- A59294
- 988C8E
- 8C8687
Hòa sắc
Bổ túc +180°
- FDBEC6
Love Affair
- 98E1DC
≈ Aqua Fiesta
Tương đồng -30° +30°
- FDBEC6
Love Affair
- F3BFE0
≈ Lavender Soap
- FCC2AD
≈ Gadabout
Bộ ba +120° +240°
- FDBEC6
Love Affair
- C1DCA9
≈ Bowling Green
- AFD6FF
≈ Malmö FF
Bổ túc chia +150° +210°
- FDBEC6
Love Affair
- A7E1C1
≈ Mountain Mint
- 9BDDF3
≈ Non-Photo Blue
Bộ bốn +90° +180° +270°
- FDBEC6
Love Affair
- DCD39B
≈ Twinkle Toes
- 98E1DC
≈ Aqua Fiesta
- C8CDFF
≈ Lavender Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.57:1 · APCA Lc 26
Ag
AAATrên nền đen
WCAG 13.35:1 · APCA Lc 77
Màu chữ tốt nhất: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Đoạn mã
CSS
:root {
--love-affair: #fdbec6;
--love-affair-rgb: 253 190 198;
--love-affair-oklch: oklch(0.861 0.073 10.2);
}
.element {
color: var(--love-affair);
background-color: hsl(352 94% 87%);
border-color: oklch(0.861 0.073 10.2);
}Tailwind CSS v4
@theme {
--color-love-affair: #fdbec6;
--color-love-affair-50: #ffedef;
--color-love-affair-100: #ffdee1;
--color-love-affair-200: #f2c8cc;
--color-love-affair-300: #daa9ad;
--color-love-affair-400: #c58d94;
--color-love-affair-500: #b1727b;
--color-love-affair-600: #956068;
--color-love-affair-700: #784d53;
--color-love-affair-800: #58383d;
--color-love-affair-900: #3e262a;
--color-love-affair-950: #271418;
}SCSS
$love-affair: #fdbec6;
$love-affair-rgb: 253, 190, 198;
$love-affair-light: mix(#fff, $love-affair, 20%);
$love-affair-dark: mix(#000, $love-affair, 20%);
.element {
color: $love-affair;
box-shadow: 0 0 0 2px rgba($love-affair, 0.35);
}