#ED8FA4#ED8FA4
#ED8FA4 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.403؛ OKLCH L 75.4% C 0.116 H 5.8°. أفضل لون لنص المتن هو #000000 بتباين 9.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ED8FA4 |
|---|---|
| RGB | rgb(237, 143, 164) |
| HSL | hsl(347, 72%, 75%) |
| HSV | hsv(347, 40%, 93%) |
| CMYK | cmyk(0%, 39.7%, 30.8%, 7.1%) |
| CIE-LAB | lab(69.71, 38.07, 4.30) |
| CIE-LCH | lch(69.71, 38.31, 6.45°) |
| OKLab | oklab(75.36% 0.1154 0.0117) |
| OKLCH | oklch(75.36% 0.116 5.8) |
| XYZ | xyz(51.4502, 40.3337, 40.1901) |
| Luminance | 0.4033 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pig Pink
#E78EA5
ΔE00 1.43
Rose Pink
#F7879A
ΔE00 3.33
Rosa
#FE86A4
ΔE00 3.57
Pinky
#FC86AA
ΔE00 4.00
Dull Pink
#D5869D
ΔE00 4.90
Faded Pink
#DE9DAC
ΔE00 5.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ED8FA4 #8FEDD8
analogous
#ED8FD3 #ED8FA4 #EDA98F
triadic
#ED8FA4 #A4ED8F #8FA4ED
tetradic
#ED8FA4 #D3ED8F #8FEDD8 #A98FED
square
#ED8FA4 #D3ED8F #8FEDD8 #A98FED
split-complementary
#ED8FA4 #8FEDA9 #8FD3ED
monochromatic
#DC264E #E55A79 #ED8FA4 #F5C4CF #FBE5EA
إمكانية الوصول والتباين
On white
2.32
#ED8FA4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.07
#ED8FA4 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #ED8FA4
9.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ED8FA4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ED8FA4 | 1.00 | 2.32 | 9.07 | 9.07 |
| #FFFFFF | 2.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9EA0A5
Deuteranopia (green-blind)
#B5B1A2
Tritanopia (blue-blind)
#FC8796
Achromatopsia (no color)
#AAAAAA
وسوم التصميم والكود
CSS
--color: #ed8fa4; /* rgb */ color: rgb(237, 143, 164); /* oklch */ color: oklch(75.4% 0.116 5.8);
Tailwind
colors: {
custom: {
50: '#f5b1be',
500: '#ed8fa4',
950: '#000000',
},
}SCSS
$custom: #ed8fa4; $custom-light: #f5b1be; $custom-dark: #000000;
JSON
{
"hex": "#ed8fa4",
"rgb": {
"r": 237,
"g": 143,
"b": 164
},
"hsl": {
"h": 346.596,
"s": 72.308,
"l": 74.51
},
"oklch": {
"l": 0.75358,
"c": 0.11595,
"h": 5.8
},
"luminance": 0.4033
}Semantic roles & 50–950 ramp
primary
#ED8FA4
secondary
#D9F2ED
accent
#D4A911
background
#FFFBFB
surface
#FFF6F6
border
#D7D0D0
text
#171112
muted
#858081