#E0873F#E0873F
#E0873F لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.335؛ OKLCH L 70.5% C 0.139 H 56.6°. أفضل لون لنص المتن هو #000000 بتباين 7.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E0873F |
|---|---|
| RGB | rgb(224, 135, 63) |
| HSL | hsl(27, 72%, 56%) |
| HSV | hsv(27, 72%, 88%) |
| CMYK | cmyk(0%, 39.7%, 71.9%, 12.2%) |
| CIE-LAB | lab(64.59, 28.25, 51.67) |
| CIE-LCH | lch(64.59, 58.89, 61.33°) |
| OKLab | oklab(70.52% 0.0763 0.1158) |
| OKLCH | oklch(70.52% 0.139 56.6) |
| XYZ | xyz(40.3050, 33.5383, 9.0526) |
| Luminance | 0.3353 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Dull Orange
#D8863B
ΔE00 2.11
Dusty Orange
#F0833A
ΔE00 3.89
Faded Orange
#F0944D
ΔE00 4.07
Peru
#CD853F
ΔE00 4.24
Bronze
#CD7F32
ΔE00 4.58
Pumpkin (survey)
#E17701
ΔE00 5.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E0873F #3F98E0
analogous
#E03F48 #E0873F #E0D73F
triadic
#E0873F #3FE087 #873FE0
tetradic
#E0873F #48E03F #3F98E0 #D73FE0
square
#E0873F #48E03F #3F98E0 #D73FE0
split-complementary
#E0873F #3FE0D7 #3F48E0
monochromatic
#8E4C17 #C2681F #E0873F #E9A874 #F1C9A8
إمكانية الوصول والتباين
On white
2.72
#E0873F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.71
#E0873F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E0873F
7.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E0873F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E0873F | 1.00 | 2.72 | 7.71 | 7.71 |
| #FFFFFF | 2.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A19037
Deuteranopia (green-blind)
#B7A53F
Tritanopia (blue-blind)
#F47477
Achromatopsia (no color)
#9D9D9D
وسوم التصميم والكود
CSS
--color: #e0873f; /* rgb */ color: rgb(224, 135, 63); /* oklch */ color: oklch(70.5% 0.139 56.6);
Tailwind
colors: {
custom: {
50: '#efaa78',
500: '#e0873f',
950: '#000000',
},
}SCSS
$custom: #e0873f; $custom-light: #efaa78; $custom-dark: #000000;
JSON
{
"hex": "#e0873f",
"rgb": {
"r": 224,
"g": 135,
"b": 63
},
"hsl": {
"h": 26.832,
"s": 72.197,
"l": 56.275
},
"oklch": {
"l": 0.70524,
"c": 0.13864,
"h": 56.6
},
"luminance": 0.33534
}Semantic roles & 50–950 ramp
primary
#E0873F
secondary
#9CC1DF
accent
#9EEF39
background
#FFFAF7
surface
#FFF4ED
border
#D7CEC8
text
#181009
muted
#867F7B