Màu có tên gần nhất · #ED003C
#ED003C
Màu có tên gần nhất: Red Ribbon
#ED003C (rgb(237 0 60), hsl(345 100% 46%), oklch(0.598 0.24 20.5)) gần nhất với màu có tên Red Ribbon. 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.
#ED003C
oklch(0.598 0.24 20.5)
Chuyển đổi màu
- HEX
- #ed003c
- RGB
- rgb(237 0 60)
- HSL
- hsl(345 100% 46%)
- HWB
- hwb(345 0% 7%)
- OKLCH
- oklch(0.598 0.24 20.5)
- OKLab
- oklab(0.598 0.225 0.084)
- CIE Lab
- lab(50.82 77.17 39.9)
- LCH
- lch(50.82 86.88 27.3)
- CMYK
- cmyk(0% 100% 75% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F33D50
- F85A63
- FC7276
- FF8889
- FF9D9C
- FFB1B0
- FFC5C3
- FFD9D7
- FFECEB
Sắc đậm
- CE0033
- B0002A
- 930021
- 770019
- 5C0011
- 42000A
- 2A0004
- 140001
- 030000
Sắc xám
- E42B44
- DB3E4C
- D14C53
- C7575A
- BD6061
- B26867
- A76F6E
- 9B7574
- 8E7B7A
Hòa sắc
Bổ túc +180°
- ED003C
Red Ribbon
- 009198
≈ Splashy
Tương đồng -30° +30°
- ED003C
Red Ribbon
- DE1692
≈ Benevolent Pink
- C65D00
≈ Kvass
Bộ ba +120° +240°
- ED003C
Red Ribbon
- 289900
≈ Innisfree Garden
- 2476FF
≈ Magic Fountain
Bổ túc chia +150° +210°
- ED003C
Red Ribbon
- 009676
≈ Pool Table
- 008BB9
≈ Hawaiian Ocean
Bộ bốn +90° +180° +270°
- ED003C
Red Ribbon
- 848600
≈ Krypton Green
- 009198
≈ Splashy
- 8655FF
≈ Purple Honeycreeper
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 68
Ag
AATrên nền đen
WCAG 4.66:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--red-ribbon: #ed003c;
--red-ribbon-rgb: 237 0 60;
--red-ribbon-oklch: oklch(0.598 0.24 20.5);
}
.element {
color: var(--red-ribbon);
background-color: hsl(345 100% 46%);
border-color: oklch(0.598 0.24 20.5);
}Tailwind CSS v4
@theme {
--color-red-ribbon: #ed003c;
--color-red-ribbon-50: #ffdad6;
--color-red-ribbon-100: #ffc8c3;
--color-red-ribbon-200: #ffa8a4;
--color-red-ribbon-300: #ff7c7d;
--color-red-ribbon-400: #ff4c5e;
--color-red-ribbon-500: #fe003a;
--color-red-ribbon-600: #d70032;
--color-red-ribbon-700: #ad0028;
--color-red-ribbon-800: #81001f;
--color-red-ribbon-900: #5c0014;
--color-red-ribbon-950: #3e0006;
}SCSS
$red-ribbon: #ed003c;
$red-ribbon-rgb: 237, 0, 60;
$red-ribbon-light: mix(#fff, $red-ribbon, 20%);
$red-ribbon-dark: mix(#000, $red-ribbon, 20%);
.element {
color: $red-ribbon;
box-shadow: 0 0 0 2px rgba($red-ribbon, 0.35);
}