لون مسمّى · #D70040
Sunset Riders
Sunset Riders هو #D70040: rgb(215 0 64)، hsl(342 100% 42%)، oklch(0.557 0.223 17.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Sunset Riders color name →
#D70040
oklch(0.557 0.223 17.5)
تحويلات الألوان
- HEX
- #d70040
- RGB
- rgb(215 0 64)
- HSL
- hsl(342 100% 42%)
- HWB
- hwb(342 0% 16%)
- OKLCH
- oklch(0.557 0.223 17.5)
- OKLab
- oklab(0.557 0.213 0.067)
- CIE Lab
- lab(46.22 71.99 30.83)
- LCH
- lch(46.22 78.31 23.2)
- CMYK
- cmyk(0% 100% 70% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DF3952
- E65565
- EC6E77
- F1848A
- F6999D
- FAAEB0
- FDC2C3
- FED7D7
- FFEBEB
درجات داكنة
- BB0036
- 9F002D
- 850024
- 6B001B
- 520013
- 3B000B
- 250005
- 110001
- 020000
درجات رمادية
- D02847
- C93A4E
- C24854
- BA535B
- B25C61
- AA6568
- A06C6E
- 977374
- 8C7A7A
تناسق الألوان
متمم +180°
- D70040
Sunset Riders
- 008487
≈ Milky Aquamarine
متجاور -30° +30°
- D70040
Sunset Riders
- C7188B
≈ Medium Violet Red
- B85000
≈ Obscure Orange
ثلاثي +120° +240°
- D70040
Sunset Riders
- 398900
≈ Mughal Green
- 006DE6
≈ Níu Zǎi Sè Denim
متمم منقسم +150° +210°
- D70040
Sunset Riders
- 008866
≈ Spectral Green
- 007FA5
≈ Kingfisher Sheen
رباعي +90° +180° +270°
- D70040
Sunset Riders
- 7C7800
≈ Mongolian Plateau
- 008487
≈ Milky Aquamarine
- 734FEC
≈ Candy Grape Fizz
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.29:1 · APCA Lc 74
Ag
Failعلى الأسود
WCAG 3.96:1 · APCA Lc 28
أفضل لون للنص: #FFFFFF
WCAG 5.29:1 (AA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sunset-riders: #d70040;
--sunset-riders-rgb: 215 0 64;
--sunset-riders-oklch: oklch(0.557 0.223 17.5);
}
.element {
color: var(--sunset-riders);
background-color: hsl(342 100% 42%);
border-color: oklch(0.557 0.223 17.5);
}Tailwind CSS v4
@theme {
--color-sunset-riders: #d70040;
--color-sunset-riders-50: #ffdcdb;
--color-sunset-riders-100: #ffcaca;
--color-sunset-riders-200: #ffabad;
--color-sunset-riders-300: #ff8288;
--color-sunset-riders-400: #ff566c;
--color-sunset-riders-500: #f70a4c;
--color-sunset-riders-600: #d01441;
--color-sunset-riders-700: #a81233;
--color-sunset-riders-800: #7d0927;
--color-sunset-riders-900: #59071a;
--color-sunset-riders-950: #3b000b;
}SCSS
$sunset-riders: #d70040;
$sunset-riders-rgb: 215, 0, 64;
$sunset-riders-light: mix(#fff, $sunset-riders, 20%);
$sunset-riders-dark: mix(#000, $sunset-riders, 20%);
.element {
color: $sunset-riders;
box-shadow: 0 0 0 2px rgba($sunset-riders, 0.35);
}