#EC8667#EC8667
#EC8667 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.359؛ OKLCH L 72.4% C 0.133 H 37.7°. أفضل لون لنص المتن هو #000000 بتباين 8.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EC8667 |
|---|---|
| RGB | rgb(236, 134, 103) |
| HSL | hsl(14, 78%, 66%) |
| HSV | hsv(14, 56%, 93%) |
| CMYK | cmyk(0%, 43.2%, 56.4%, 7.5%) |
| CIE-LAB | lab(66.42, 36.08, 33.67) |
| CIE-LCH | lch(66.42, 49.35, 43.02°) |
| OKLab | oklab(72.41% 0.1052 0.0813) |
| OKLCH | oklch(72.41% 0.133 37.7) |
| XYZ | xyz(45.5687, 35.8670, 17.3525) |
| Luminance | 0.3586 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dark Peach
#DE7E5D
ΔE00 3.29
Darksalmon
#E9967A
ΔE00 4.34
Melon
#FF7855
ΔE00 4.60
Coral
#FF7F50
ΔE00 5.05
Pinkish Orange
#FF724C
ΔE00 5.64
Orange Pink
#FF6F52
ΔE00 6.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EC8667 #67CDEC
analogous
#EC678B #EC8667 #ECC967
triadic
#EC8667 #67EC86 #8667EC
tetradic
#EC8667 #8BEC67 #67CDEC #C967EC
square
#EC8667 #8BEC67 #67CDEC #C967EC
split-complementary
#EC8667 #67ECC9 #678BEC
monochromatic
#C13F18 #E55B31 #EC8667 #F3B19D #FADDD4
إمكانية الوصول والتباين
On white
2.57
#EC8667 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.17
#EC8667 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EC8667
8.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EC8667 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EC8667 | 1.00 | 2.57 | 8.17 | 8.17 |
| #FFFFFF | 2.57 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.17 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A09464
Deuteranopia (green-blind)
#B9AA66
Tritanopia (blue-blind)
#FF747E
Achromatopsia (no color)
#A1A1A1
وسوم التصميم والكود
CSS
--color: #ec8667; /* rgb */ color: rgb(236, 134, 103); /* oklch */ color: oklch(72.4% 0.133 37.7);
Tailwind
colors: {
custom: {
50: '#f7aa93',
500: '#ec8667',
950: '#000000',
},
}SCSS
$custom: #ec8667; $custom-light: #f7aa93; $custom-dark: #000000;
JSON
{
"hex": "#ec8667",
"rgb": {
"r": 236,
"g": 134,
"b": 103
},
"hsl": {
"h": 13.985,
"s": 77.778,
"l": 66.471
},
"oklch": {
"l": 0.72409,
"c": 0.13291,
"h": 37.7
},
"luminance": 0.35862
}Semantic roles & 50–950 ramp
primary
#EC8667
secondary
#C2E3ED
accent
#AADA0B
background
#FFFAF9
surface
#FFF4F1
border
#D7CECB
text
#18100D
muted
#867F7E