#E39B5E#E39B5E
#E39B5E لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.406؛ OKLCH L 74.8% C 0.116 H 59.9°. أفضل لون لنص المتن هو #000000 بتباين 9.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E39B5E |
|---|---|
| RGB | rgb(227, 155, 94) |
| HSL | hsl(28, 70%, 63%) |
| HSV | hsv(28, 59%, 89%) |
| CMYK | cmyk(0%, 31.7%, 58.6%, 11%) |
| CIE-LAB | lab(69.88, 20.72, 42.47) |
| CIE-LCH | lch(69.88, 47.26, 63.99°) |
| OKLab | oklab(74.81% 0.0581 0.1003) |
| OKLCH | oklch(74.81% 0.116 59.9) |
| XYZ | xyz(45.4231, 40.5855, 16.0290) |
| Luminance | 0.4058 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sandybrown
#F4A460
ΔE00 3.43
Faded Orange
#F0944D
ΔE00 3.92
Pale Orange
#FFA756
ΔE00 5.78
Dull Orange
#D8863B
ΔE00 6.14
Pastel Orange
#FF964F
ΔE00 6.26
Apricot (survey)
#FFB16D
ΔE00 6.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E39B5E #5EA6E3
analogous
#E35E63 #E39B5E #E3DD5E
triadic
#E39B5E #5EE39B #9B5EE3
tetradic
#E39B5E #63E35E #5EA6E3 #DD5EE3
square
#E39B5E #63E35E #5EA6E3 #DD5EE3
split-complementary
#E39B5E #5EE3DD #5E63E3
monochromatic
#A95E1D #DA7B2A #E39B5E #ECBB92 #F5DCC6
إمكانية الوصول والتباين
On white
2.30
#E39B5E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.12
#E39B5E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E39B5E
9.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E39B5E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E39B5E | 1.00 | 2.30 | 9.12 | 9.12 |
| #FFFFFF | 2.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.12 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B1A159
Deuteranopia (green-blind)
#C2B15F
Tritanopia (blue-blind)
#F68C8C
Achromatopsia (no color)
#ABABAB
وسوم التصميم والكود
CSS
--color: #e39b5e; /* rgb */ color: rgb(227, 155, 94); /* oklch */ color: oklch(74.8% 0.116 59.9);
Tailwind
colors: {
custom: {
50: '#f0b88d',
500: '#e39b5e',
950: '#000000',
},
}SCSS
$custom: #e39b5e; $custom-light: #f0b88d; $custom-dark: #000000;
JSON
{
"hex": "#e39b5e",
"rgb": {
"r": 227,
"g": 155,
"b": 94
},
"hsl": {
"h": 27.519,
"s": 70.37,
"l": 62.941
},
"oklch": {
"l": 0.74806,
"c": 0.11594,
"h": 59.9
},
"luminance": 0.40582
}Semantic roles & 50–950 ramp
primary
#E39B5E
secondary
#B6D0E6
accent
#7BD213
background
#FFFBF8
surface
#FFF6F0
border
#D7D0CB
text
#17110C
muted
#85807D