#C93A2D#C93A2D
#C93A2D لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.156؛ OKLCH L 56.0% C 0.182 H 29.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.09:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C93A2D |
|---|---|
| RGB | rgb(201, 58, 45) |
| HSL | hsl(5, 63%, 48%) |
| HSV | hsv(5, 78%, 79%) |
| CMYK | cmyk(0%, 71.1%, 77.6%, 21.2%) |
| CIE-LAB | lab(46.49, 55.52, 40.57) |
| CIE-LCH | lch(46.49, 68.76, 36.15°) |
| OKLab | oklab(56.01% 0.1587 0.089) |
| OKLCH | oklch(56.01% 0.182 29.3) |
| XYZ | xyz(26.0771, 15.6371, 4.1273) |
| Luminance | 0.1563 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddish
#C44240
ΔE00 4.48
Dull Red
#BB3F3F
ΔE00 5.58
Red (survey)
#E50000
ΔE00 6.66
Scarlet
#BE0119
ΔE00 6.78
Firebrick
#B22222
ΔE00 6.93
Dark Coral
#CF524E
ΔE00 7.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C93A2D #2DBCC9
analogous
#C92D6E #C93A2D #C9882D
triadic
#C93A2D #2DC93A #3A2DC9
tetradic
#C93A2D #6EC92D #2DBCC9 #882DC9
square
#C93A2D #6EC92D #2DBCC9 #882DC9
split-complementary
#C93A2D #2DC988 #2D6EC9
monochromatic
#651D17 #972C22 #C93A2D #DA6459 #E5938B
إمكانية الوصول والتباين
On white
5.09
#C93A2D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.13
#C93A2D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #C93A2D
5.09:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C93A2D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##C93A2D | 1.00 | 5.09 | 4.13 | 5.09 |
| #FFFFFF | 5.09 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.09 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#645A2A
Deuteranopia (green-blind)
#887A27
Tritanopia (blue-blind)
#DD0038
Achromatopsia (no color)
#6E6E6E
وسوم التصميم والكود
CSS
--color: #c93a2d; /* rgb */ color: rgb(201, 58, 45); /* oklch */ color: oklch(56.0% 0.182 29.3);
Tailwind
colors: {
custom: {
50: '#e37a67',
500: '#c93a2d',
950: '#000000',
},
}SCSS
$custom: #c93a2d; $custom-light: #e37a67; $custom-dark: #000000;
JSON
{
"hex": "#c93a2d",
"rgb": {
"r": 201,
"g": 58,
"b": 45
},
"hsl": {
"h": 5,
"s": 63.415,
"l": 48.235
},
"oklch": {
"l": 0.56005,
"c": 0.18197,
"h": 29.3
},
"luminance": 0.15633
}Semantic roles & 50–950 ramp
primary
#C93A2D
secondary
#83C9CF
accent
#D9E641
background
#FFF7F6
surface
#FEEEEB
border
#D6C9C6
text
#170A06
muted
#857C7A