#EEA190#EEA190
#EEA190 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.457؛ OKLCH L 78.0% C 0.096 H 33.0°. أفضل لون لنص المتن هو #000000 بتباين 10.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EEA190 |
|---|---|
| RGB | rgb(238, 161, 144) |
| HSL | hsl(11, 73%, 75%) |
| HSV | hsv(11, 39%, 93%) |
| CMYK | cmyk(0%, 32.4%, 39.5%, 6.7%) |
| CIE-LAB | lab(73.34, 26.56, 20.50) |
| CIE-LCH | lch(73.34, 33.56, 37.67°) |
| OKLab | oklab(78.02% 0.0802 0.0521) |
| OKLCH | oklch(78.02% 0.096 33) |
| XYZ | xyz(53.0410, 45.6843, 32.4045) |
| Luminance | 0.4568 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush (survey)
#F29E8E
ΔE00 1.37
Light Salmon
#FEA993
ΔE00 3.28
Peachy Pink
#FF9A8A
ΔE00 4.03
Pale Salmon
#FFB19A
ΔE00 4.58
Darksalmon
#E9967A
ΔE00 4.69
Pinkish Tan
#D99B82
ΔE00 5.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EEA190 #90DDEE
analogous
#EE90AE #EEA190 #EED090
triadic
#EEA190 #90EEA1 #A190EE
tetradic
#EEA190 #AEEE90 #90DDEE #D090EE
square
#EEA190 #AEEE90 #90DDEE #D090EE
split-complementary
#EEA190 #90EED0 #90AEEE
monochromatic
#DE4726 #E6745B #EEA190 #F6CEC5 #FBE9E4
إمكانية الوصول والتباين
On white
2.07
#EEA190 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.14
#EEA190 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EEA190
10.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EEA190 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EEA190 | 1.00 | 2.07 | 10.14 | 10.14 |
| #FFFFFF | 2.07 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.14 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B3AB8F
Deuteranopia (green-blind)
#C5BA8F
Tritanopia (blue-blind)
#FF969D
Achromatopsia (no color)
#B4B4B4
وسوم التصميم والكود
CSS
--color: #eea190; /* rgb */ color: rgb(238, 161, 144); /* oklch */ color: oklch(78.0% 0.096 33.0);
Tailwind
colors: {
custom: {
50: '#f6bdb0',
500: '#eea190',
950: '#000000',
},
}SCSS
$custom: #eea190; $custom-light: #f6bdb0; $custom-dark: #000000;
JSON
{
"hex": "#eea190",
"rgb": {
"r": 238,
"g": 161,
"b": 144
},
"hsl": {
"h": 10.851,
"s": 73.438,
"l": 74.902
},
"oklch": {
"l": 0.78021,
"c": 0.09564,
"h": 33
},
"luminance": 0.4568
}Semantic roles & 50–950 ramp
primary
#EEA190
secondary
#D8EEF3
accent
#B2D610
background
#FFFBFA
surface
#FFF6F4
border
#D7D0CE
text
#171210
muted
#85817F