#D42341#D42341
#D42341 لون متوسط وعالي التشبّع من عائلة أحمر. الإضاءة النسبية 0.156؛ OKLCH L 56.4% C 0.208 H 19.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.10:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D42341 |
|---|---|
| RGB | rgb(212, 35, 65) |
| HSL | hsl(350, 72%, 48%) |
| HSV | hsv(350, 83%, 83%) |
| CMYK | cmyk(0%, 83.5%, 69.3%, 16.9%) |
| CIE-LAB | lab(46.43, 66.40, 29.48) |
| CIE-LCH | lch(46.43, 72.65, 23.94°) |
| OKLab | oklab(56.41% 0.1962 0.0685) |
| OKLCH | oklch(56.41% 0.208 19.2) |
| XYZ | xyz(28.7099, 15.5854, 6.4966) |
| Luminance | 0.1558 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Crimson
#DC143C
ΔE00 1.72
Cherry (survey)
#CF0234
ΔE00 3.16
Cardinal
#C41E3A
ΔE00 3.60
Lipstick
#D5174E
ΔE00 4.42
Reddish
#C44240
ΔE00 5.13
Dull Red
#BB3F3F
ΔE00 5.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D42341 #23D4B6
analogous
#D42399 #D42341 #D45E23
triadic
#D42341 #41D423 #2341D4
tetradic
#D42341 #99D423 #23D4B6 #5E23D4
square
#D42341 #99D423 #23D4B6 #5E23D4
split-complementary
#D42341 #23D45E #2399D4
monochromatic
#6B1221 #9F1A31 #D42341 #E2526A #EB8697
إمكانية الوصول والتباين
On white
5.10
#D42341 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.12
#D42341 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #D42341
5.10:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D42341 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##D42341 | 1.00 | 5.10 | 4.12 | 5.10 |
| #FFFFFF | 5.10 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.12 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.10 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C5641
Deuteranopia (green-blind)
#887B3B
Tritanopia (blue-blind)
#E90031
Achromatopsia (no color)
#6E6E6E
وسوم التصميم والكود
CSS
--color: #d42341; /* rgb */ color: rgb(212, 35, 65); /* oklch */ color: oklch(56.4% 0.208 19.2);
Tailwind
colors: {
custom: {
50: '#ea7275',
500: '#d42341',
950: '#000000',
},
}SCSS
$custom: #d42341; $custom-light: #ea7275; $custom-dark: #000000;
JSON
{
"hex": "#d42341",
"rgb": {
"r": 212,
"g": 35,
"b": 65
},
"hsl": {
"h": 349.831,
"s": 71.66,
"l": 48.431
},
"oklch": {
"l": 0.56412,
"c": 0.20776,
"h": 19.2
},
"luminance": 0.15581
}Semantic roles & 50–950 ramp
primary
#D42341
secondary
#7ED4C6
accent
#EED039
background
#FFF7F7
surface
#FFEDED
border
#D7C8C8
text
#180908
muted
#867B7B