لون مسمّى · #FF2222
Red Stop
Red Stop هو #FF2222: rgb(255 34 34)، hsl(0 100% 57%)، oklch(0.638 0.247 28). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Red Stop color name →
#FF2222
oklch(0.638 0.247 28)
تحويلات الألوان
- HEX
- #ff2222
- RGB
- rgb(255 34 34)
- HSL
- hsl(0 100% 57%)
- HWB
- hwb(0 13% 0%)
- OKLCH
- oklch(0.638 0.247 28)
- OKLab
- oklab(0.638 0.218 0.116)
- CIE Lab
- lab(55.58 77.72 59.52)
- LCH
- lch(55.58 97.89 37.4)
- CMYK
- cmyk(0% 87% 87% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FF4A3F
- FF6557
- FF7C6D
- FF9082
- FFA497
- FFB7AB
- FFC9C0
- FFDBD5
- FFEDEA
درجات داكنة
- DE1C1C
- BE1616
- 9E1111
- 800B0B
- 630707
- 480303
- 2E0101
- 160000
- 030000
درجات رمادية
- F43A32
- E9493E
- DD5549
- D15E52
- C5665B
- B96D63
- AC726B
- 9E7872
- 907C79
تناسق الألوان
متمم +180°
- FF2222
Red Stop
- 009EAE
≈ Lake Blue
متجاور -30° +30°
- FF2222
Red Stop
- F51F8B
≈ Philippine Pink
- CE6F00
≈ Autumn Maple
ثلاثي +120° +240°
- FF2222
Red Stop
- 00A843
≈ Poetic Green
- 5A80FF
≈ Flickery C64
متمم منقسم +150° +210°
- FF2222
Red Stop
- 00A28C
≈ Turquish
- 0096D7
≈ Bayern Blue
رباعي +90° +180° +270°
- FF2222
Red Stop
- 849700
≈ BioShock
- 009EAE
≈ Lake Blue
- A060FF
≈ Orion Nebula
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.81:1 · APCA Lc 63
Ag
AAعلى الأسود
WCAG 5.50:1 · APCA Lc 38
أفضل لون للنص: #000000
WCAG 5.50:1 (AA) · APCA Lc 38
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--red-stop: #ff2222;
--red-stop-rgb: 255 34 34;
--red-stop-oklch: oklch(0.638 0.247 28);
}
.element {
color: var(--red-stop);
background-color: hsl(0 100% 57%);
border-color: oklch(0.638 0.247 28);
}Tailwind CSS v4
@theme {
--color-red-stop: #ff2222;
--color-red-stop-50: #ffdbcb;
--color-red-stop-100: #ffc8b7;
--color-red-stop-200: #ffa994;
--color-red-stop-300: #ff7d67;
--color-red-stop-400: #ff4b41;
--color-red-stop-500: #ff0000;
--color-red-stop-600: #d90000;
--color-red-stop-700: #af0003;
--color-red-stop-800: #830009;
--color-red-stop-900: #5d0006;
--color-red-stop-950: #3f0000;
}SCSS
$red-stop: #ff2222;
$red-stop-rgb: 255, 34, 34;
$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);
}