Màu có tên gần nhất · #F49B87
#F49B87
Màu có tên gần nhất: Parma Ham
#F49B87 (rgb(244 155 135), hsl(11 83% 74%), oklch(0.775 0.111 33.4)) gần nhất với màu có tên Parma Ham. 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.
#F49B87
oklch(0.775 0.111 33.4)
Chuyển đổi màu
- HEX
- #f49b87
- RGB
- rgb(244 155 135)
- HSL
- hsl(11 83% 74%)
- HWB
- hwb(11 53% 4%)
- OKLCH
- oklch(0.775 0.111 33.4)
- OKLab
- oklab(0.775 0.093 0.061)
- CIE Lab
- lab(72.95 32.58 25.15)
- LCH
- lch(72.95 41.16 37.7)
- CMYK
- cmyk(0% 36% 45% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F6A593
- F8AF9F
- FAB9AB
- FBC3B6
- FCCDC2
- FDD7CE
- FEE1DA
- FFEBE7
- FFF5F3
Sắc đậm
- D48675
- B57263
- 975E51
- 7A4B41
- 5E3931
- 442821
- 2B1813
- 140906
- 030101
Sắc xám
- E89987
- DD9686
- D19486
- C69185
- BA8F84
- AF8C84
- A38983
- 988682
- 8C8381
Hòa sắc
Bổ túc +180°
- F49B87
Parma Ham
- 4FC8E0
≈ Naxos Sky
Tương đồng -30° +30°
- F49B87
Parma Ham
- F197AE
≈ Flower Girl
- E8A667
≈ Apricot Sorbet
Bộ ba +120° +240°
- F49B87
Parma Ham
- 7BCB94
≈ Garden Glow
- 9FB1FD
≈ Wondrous Wisteria
Bổ túc chia +150° +210°
- F49B87
Parma Ham
- 52CDBD
≈ Peppy Peacock
- 74BEF7
≈ Maya Blue
Bộ bốn +90° +180° +270°
- F49B87
Parma Ham
- A8C270
≈ Light Olive
- 4FC8E0
≈ Naxos Sky
- C4A4F0
≈ Lavender Cream
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.12:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.88:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--parma-ham: #f49b87;
--parma-ham-rgb: 244 155 135;
--parma-ham-oklch: oklch(0.775 0.111 33.4);
}
.element {
color: var(--parma-ham);
background-color: hsl(11 83% 74%);
border-color: oklch(0.775 0.111 33.4);
}Tailwind CSS v4
@theme {
--color-parma-ham: #f49b87;
--color-parma-ham-50: #ffebe0;
--color-parma-ham-100: #ffdccf;
--color-parma-ham-200: #ffc4b4;
--color-parma-ham-300: #eaa391;
--color-parma-ham-400: #d88573;
--color-parma-ham-500: #c46854;
--color-parma-ham-600: #a65848;
--color-parma-ham-700: #854739;
--color-parma-ham-800: #63322a;
--color-parma-ham-900: #46221c;
--color-parma-ham-950: #2d110c;
}SCSS
$parma-ham: #f49b87;
$parma-ham-rgb: 244, 155, 135;
$parma-ham-light: mix(#fff, $parma-ham, 20%);
$parma-ham-dark: mix(#000, $parma-ham, 20%);
.element {
color: $parma-ham;
box-shadow: 0 0 0 2px rgba($parma-ham, 0.35);
}