Màu có tên gần nhất · #FF1928
#FF1928
Màu có tên gần nhất: Incision
#FF1928 (rgb(255 25 40), hsl(356 100% 55%), oklch(0.635 0.25 26.5)) gần nhất với màu có tên Incision. 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.
#FF1928
oklch(0.635 0.25 26.5)
Chuyển đổi màu
- HEX
- #ff1928
- RGB
- rgb(255 25 40)
- HSL
- hsl(356 100% 55%)
- HWB
- hwb(356 10% 0%)
- OKLCH
- oklch(0.635 0.25 26.5)
- OKLab
- oklab(0.635 0.224 0.112)
- CIE Lab
- lab(55.15 79.08 56.4)
- LCH
- lch(55.15 97.13 35.5)
- CMYK
- cmyk(0% 90% 84% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF4643
- FF6259
- FF796F
- FF8F83
- FFA398
- FFB6AC
- FFC9C1
- FFDBD5
- FFEDEA
Sắc đậm
- DE1421
- BE101B
- 9E0B15
- 80070F
- 630409
- 480204
- 2E0102
- 160001
- 030000
Sắc xám
- F43636
- E94641
- DD524B
- D25C54
- C5655C
- B96C64
- AC726B
- 9E7772
- 907C79
Hòa sắc
Bổ túc +180°
- FF1928
Incision
- 009DAB
≈ Lake Blue
Tương đồng -30° +30°
- FF1928
Incision
- F31A8E
≈ Cruel Jewel
- CF6D00
≈ Autumn Maple
Bộ ba +120° +240°
- FF1928
Incision
- 00A739
≈ Poetic Green
- 5480FF
≈ Flickery C64
Bổ túc chia +150° +210°
- FF1928
Incision
- 00A289
≈ Brilliant Turquoise
- 0095D3
≈ Sea of Crete
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.87:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.42:1 · APCA Lc 38
Màu chữ tốt nhất: #000000
WCAG 5.42:1 (AA) · APCA Lc 38
Contrast pairs
Đoạn mã
CSS
:root {
--incision: #ff1928;
--incision-rgb: 255 25 40;
--incision-oklch: oklch(0.635 0.25 26.5);
}
.element {
color: var(--incision);
background-color: hsl(356 100% 55%);
border-color: oklch(0.635 0.25 26.5);
}Tailwind CSS v4
@theme {
--color-incision: #ff1928;
--color-incision-50: #ffdacd;
--color-incision-100: #ffc8b8;
--color-incision-200: #ffa896;
--color-incision-300: #ff7b6a;
--color-incision-400: #ff4845;
--color-incision-500: #ff0004;
--color-incision-600: #da000c;
--color-incision-700: #b0000b;
--color-incision-800: #84000d;
--color-incision-900: #5d0008;
--color-incision-950: #3f0000;
}SCSS
$incision: #ff1928;
$incision-rgb: 255, 25, 40;
$incision-light: mix(#fff, $incision, 20%);
$incision-dark: mix(#000, $incision, 20%);
.element {
color: $incision;
box-shadow: 0 0 0 2px rgba($incision, 0.35);
}