#EA9D67#EA9D67
#EA9D67 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.426؛ OKLCH L 76.1% C 0.116 H 55.1°. أفضل لون لنص المتن هو #000000 بتباين 9.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EA9D67 |
|---|---|
| RGB | rgb(234, 157, 103) |
| HSL | hsl(25, 76%, 66%) |
| HSV | hsv(25, 56%, 92%) |
| CMYK | cmyk(0%, 32.9%, 56%, 8.2%) |
| CIE-LAB | lab(71.28, 23.20, 39.70) |
| CIE-LCH | lch(71.28, 45.98, 59.71°) |
| OKLab | oklab(76.1% 0.0662 0.0949) |
| OKLCH | oklch(76.1% 0.116 55.1) |
| XYZ | xyz(48.4398, 42.5897, 18.4988) |
| Luminance | 0.4259 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sandybrown
#F4A460
ΔE00 3.68
Faded Orange
#F0944D
ΔE00 4.00
Pastel Orange
#FF964F
ΔE00 5.13
Peach (survey)
#FFB07C
ΔE00 5.22
Apricot (survey)
#FFB16D
ΔE00 6.16
Pale Orange
#FFA756
ΔE00 6.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EA9D67 #67B4EA
analogous
#EA6772 #EA9D67 #EADF67
triadic
#EA9D67 #67EA9D #9D67EA
tetradic
#EA9D67 #72EA67 #67B4EA #DF67EA
square
#EA9D67 #72EA67 #67B4EA #DF67EA
split-complementary
#EA9D67 #67EADF #6772EA
monochromatic
#BD5D1A #E37A31 #EA9D67 #F1C09D #F9E2D3
إمكانية الوصول والتباين
On white
2.21
#EA9D67 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.52
#EA9D67 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EA9D67
9.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EA9D67 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EA9D67 | 1.00 | 2.21 | 9.52 | 9.52 |
| #FFFFFF | 2.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.52 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B3A462
Deuteranopia (green-blind)
#C5B567
Tritanopia (blue-blind)
#FD8E90
Achromatopsia (no color)
#AEAEAE
وسوم التصميم والكود
CSS
--color: #ea9d67; /* rgb */ color: rgb(234, 157, 103); /* oklch */ color: oklch(76.1% 0.116 55.1);
Tailwind
colors: {
custom: {
50: '#f4ba93',
500: '#ea9d67',
950: '#000000',
},
}SCSS
$custom: #ea9d67; $custom-light: #f4ba93; $custom-dark: #000000;
JSON
{
"hex": "#ea9d67",
"rgb": {
"r": 234,
"g": 157,
"b": 103
},
"hsl": {
"h": 24.733,
"s": 75.723,
"l": 66.078
},
"oklch": {
"l": 0.761,
"c": 0.11571,
"h": 55.1
},
"luminance": 0.42586
}Semantic roles & 50–950 ramp
primary
#EA9D67
secondary
#C1DAEC
accent
#85D80E
background
#FFFBF9
surface
#FFF6F1
border
#D7D0CB
text
#18110D
muted
#86807E