Màu có tên gần nhất · #F0747A
#F0747A
Màu có tên gần nhất: Pastrami
#F0747A (rgb(240 116 122), hsl(357 81% 70%), oklch(0.706 0.153 18.8)) gần nhất với màu có tên Pastrami. 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.
#F0747A
oklch(0.706 0.153 18.8)
Chuyển đổi màu
- HEX
- #f0747a
- RGB
- rgb(240 116 122)
- HSL
- hsl(357 81% 70%)
- HWB
- hwb(357 45% 6%)
- OKLCH
- oklch(0.706 0.153 18.8)
- OKLab
- oklab(0.706 0.145 0.049)
- CIE Lab
- lab(64.23 49.08 20.65)
- LCH
- lch(64.23 53.25 22.8)
- CMYK
- cmyk(0% 52% 49% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F38387
- F69194
- F99FA1
- FBADAE
- FDBBBB
- FEC9C8
- FFD6D6
- FFE4E3
- FFF1F1
Sắc đậm
- D16469
- B25459
- 954549
- 78373A
- 5D292B
- 431B1D
- 2A0F10
- 140505
- 030101
Sắc xám
- E5767B
- DB797C
- D07A7C
- C57C7D
- BA7D7E
- AF7E7E
- A47F7F
- 987F7F
- 8C8080
Hòa sắc
Bổ túc +180°
- F0747A
Pastrami
- 00B6BC
≈ Cyan Sky
Tương đồng -30° +30°
- F0747A
Pastrami
- E475AF
≈ Amaranth
- EA7F3F
≈ Pizazz
Bộ ba +120° +240°
- F0747A
Pastrami
- 6BB654
≈ Pure Apple
- 63A0FE
≈ Âbi Blue
Bổ túc chia +150° +210°
- F0747A
Pastrami
- 00BC90
≈ Vegan
- 00AFE4
≈ Royal Peacock
Bộ bốn +90° +180° +270°
- F0747A
Pastrami
- A9A700
≈ Honey and Thyme
- 00B6BC
≈ Cyan Sky
- 9E8EF9
≈ Cobalite
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.80:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.48:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--pastrami: #f0747a;
--pastrami-rgb: 240 116 122;
--pastrami-oklch: oklch(0.706 0.153 18.8);
}
.element {
color: var(--pastrami);
background-color: hsl(357 81% 70%);
border-color: oklch(0.706 0.153 18.8);
}Tailwind CSS v4
@theme {
--color-pastrami: #f0747a;
--color-pastrami-50: #ffe5e2;
--color-pastrami-100: #ffd4d2;
--color-pastrami-200: #ffbab8;
--color-pastrami-300: #fc9796;
--color-pastrami-400: #eb757a;
--color-pastrami-500: #d8525d;
--color-pastrami-600: #b7474f;
--color-pastrami-700: #93383f;
--color-pastrami-800: #6d282f;
--color-pastrami-900: #4d1b20;
--color-pastrami-950: #330a0f;
}SCSS
$pastrami: #f0747a;
$pastrami-rgb: 240, 116, 122;
$pastrami-light: mix(#fff, $pastrami, 20%);
$pastrami-dark: mix(#000, $pastrami, 20%);
.element {
color: $pastrami;
box-shadow: 0 0 0 2px rgba($pastrami, 0.35);
}