#EEA25E#EEA25E
#EEA25E لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.448؛ OKLCH L 77.3% C 0.124 H 61.2°. أفضل لون لنص المتن هو #000000 بتباين 9.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EEA25E |
|---|---|
| RGB | rgb(238, 162, 94) |
| HSL | hsl(28, 81%, 65%) |
| HSV | hsv(28, 61%, 93%) |
| CMYK | cmyk(0%, 31.9%, 60.5%, 6.7%) |
| CIE-LAB | lab(72.78, 21.50, 46.23) |
| CIE-LCH | lch(72.78, 50.99, 65.06°) |
| OKLab | oklab(77.33% 0.0596 0.1083) |
| OKLCH | oklch(77.33% 0.124 61.2) |
| XYZ | xyz(50.2039, 44.8302, 16.5965) |
| Luminance | 0.4483 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sandybrown
#F4A460
ΔE00 1.22
Pale Orange
#FFA756
ΔE00 3.35
Apricot (survey)
#FFB16D
ΔE00 4.05
Faded Orange
#F0944D
ΔE00 4.26
Light Orange
#FDAA48
ΔE00 5.57
Peach (survey)
#FFB07C
ΔE00 5.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EEA25E #5EAAEE
analogous
#EE5E62 #EEA25E #EEEA5E
triadic
#EEA25E #5EEEA2 #A25EEE
tetradic
#EEA25E #62EE5E #5EAAEE #EA5EEE
square
#EEA25E #62EE5E #5EAAEE #EA5EEE
split-complementary
#EEA25E #5EEEEA #5E62EE
monochromatic
#BE6414 #E88227 #EEA25E #F4C295 #FAE2CD
إمكانية الوصول والتباين
On white
2.11
#EEA25E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.97
#EEA25E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EEA25E
9.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EEA25E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EEA25E | 1.00 | 2.11 | 9.97 | 9.97 |
| #FFFFFF | 2.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.97 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B9A858
Deuteranopia (green-blind)
#CBB95F
Tritanopia (blue-blind)
#FF9292
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #eea25e; /* rgb */ color: rgb(238, 162, 94); /* oklch */ color: oklch(77.3% 0.124 61.2);
Tailwind
colors: {
custom: {
50: '#f8bd8d',
500: '#eea25e',
950: '#000000',
},
}SCSS
$custom: #eea25e; $custom-light: #f8bd8d; $custom-dark: #000000;
JSON
{
"hex": "#eea25e",
"rgb": {
"r": 238,
"g": 162,
"b": 94
},
"hsl": {
"h": 28.333,
"s": 80.899,
"l": 65.098
},
"oklch": {
"l": 0.7733,
"c": 0.12362,
"h": 61.2
},
"luminance": 0.44826
}Semantic roles & 50–950 ramp
primary
#EEA25E
secondary
#BBD5EC
accent
#79DD08
background
#FFFBF8
surface
#FFF6F0
border
#D7D0CB
text
#18120C
muted
#86817D