Màu có tên gần nhất · #FE2A25
#FE2A25
Màu có tên gần nhất: Red Stop
#FE2A25 (rgb(254 42 37), hsl(1 99% 57%), oklch(0.641 0.243 28.3)) gần nhất với màu có tên Red Stop. 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.
#FE2A25
oklch(0.641 0.243 28.3)
Chuyển đổi màu
- HEX
- #fe2a25
- RGB
- rgb(254 42 37)
- HSL
- hsl(1 99% 57%)
- HWB
- hwb(1 15% 0%)
- OKLCH
- oklch(0.641 0.243 28.3)
- OKLab
- oklab(0.641 0.213 0.115)
- CIE Lab
- lab(55.91 76.06 58.28)
- LCH
- lch(55.91 95.82 37.5)
- CMYK
- cmyk(0% 83% 85% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF4E41
- FF6758
- FF7D6E
- FF9283
- FFA597
- FFB8AC
- FFCAC1
- FFDCD5
- FFEDEA
Sắc đậm
- DD231F
- BD1C19
- 9E1613
- 80100D
- 630A08
- 470504
- 2D0202
- 160100
- 030000
Sắc xám
- F33E34
- E84C40
- DC574A
- D16053
- C5675C
- B86E64
- AB736B
- 9E7872
- 8F7C79
Hòa sắc
Bổ túc +180°
- FE2A25
Red Stop
- 009EAF
≈ Lake Blue
Tương đồng -30° +30°
- FE2A25
Red Stop
- F4278B
≈ Prickly Pink
- CF7000
≈ Autumn Maple
Bộ ba +120° +240°
- FE2A25
Red Stop
- 00A945
≈ Poetic Green
- 5C81FF
≈ Flickery C64
Bổ túc chia +150° +210°
- FE2A25
Red Stop
- 00A38D
≈ Fishy House
- 0096D8
≈ Kahu Blue
Bộ bốn +90° +180° +270°
- FE2A25
Red Stop
- 849800
≈ BioShock
- 009EAF
≈ Lake Blue
- A161FF
≈ Purple Hedonist
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.76:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.57:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.57:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--red-stop: #fe2a25;
--red-stop-rgb: 254 42 37;
--red-stop-oklch: oklch(0.641 0.243 28.3);
}
.element {
color: var(--red-stop);
background-color: hsl(1 99% 57%);
border-color: oklch(0.641 0.243 28.3);
}Tailwind CSS v4
@theme {
--color-red-stop: #fe2a25;
--color-red-stop-50: #ffdccc;
--color-red-stop-100: #ffc9b7;
--color-red-stop-200: #ffaa95;
--color-red-stop-300: #ff7f68;
--color-red-stop-400: #ff4f42;
--color-red-stop-500: #ff0000;
--color-red-stop-600: #d80003;
--color-red-stop-700: #ae0005;
--color-red-stop-800: #82000a;
--color-red-stop-900: #5c0106;
--color-red-stop-950: #3e0000;
}SCSS
$red-stop: #fe2a25;
$red-stop-rgb: 254, 42, 37;
$red-stop-light: mix(#fff, $red-stop, 20%);
$red-stop-dark: mix(#000, $red-stop, 20%);
.element {
color: $red-stop;
box-shadow: 0 0 0 2px rgba($red-stop, 0.35);
}