#E25FA7#E25FA7
#E25FA7 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.271؛ OKLCH L 67.1% C 0.180 H 348.9°. أفضل لون لنص المتن هو #000000 بتباين 6.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E25FA7 |
|---|---|
| RGB | rgb(226, 95, 167) |
| HSL | hsl(327, 69%, 63%) |
| HSV | hsv(327, 58%, 89%) |
| CMYK | cmyk(0%, 58%, 26.1%, 11.4%) |
| CIE-LAB | lab(59.11, 58.39, -13.21) |
| CIE-LCH | lch(59.11, 59.87, 347.25°) |
| OKLab | oklab(67.11% 0.1765 -0.0345) |
| OKLCH | oklch(67.11% 0.18 348.9) |
| XYZ | xyz(42.4329, 27.1472, 39.5569) |
| Luminance | 0.2714 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Pale Magenta
#D767AD
ΔE00 2.68
Barbie Pink
#FE46A5
ΔE00 4.75
Purplish Pink
#CE5DAE
ΔE00 5.08
Hot Pink
#FF69B4
ΔE00 5.82
Bubble Gum Pink
#FF69AF
ΔE00 6.00
Bubblegum (survey)
#FF6CB5
ΔE00 6.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E25FA7 #5FE29A
analogous
#DB5FE2 #E25FA7 #E25F65
triadic
#E25FA7 #A7E25F #5FA7E2
tetradic
#E25FA7 #E2DB5F #5FE29A #5F65E2
square
#E25FA7 #E2DB5F #5FE29A #5F65E2
split-complementary
#E25FA7 #65E25F #5FE2DB
monochromatic
#A81E6A #D92B8B #E25FA7 #EB93C3 #F5C7E0
إمكانية الوصول والتباين
On white
3.27
#E25FA7 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.43
#E25FA7 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #E25FA7
6.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E25FA7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E25FA7 | 1.00 | 3.27 | 6.43 | 6.43 |
| #FFFFFF | 3.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.43 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6E80A9
Deuteranopia (green-blind)
#9397A4
Tritanopia (blue-blind)
#F15B7C
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #e25fa7; /* rgb */ color: rgb(226, 95, 167); /* oklch */ color: oklch(67.1% 0.180 348.9);
Tailwind
colors: {
custom: {
50: '#ee92c1',
500: '#e25fa7',
950: '#000000',
},
}SCSS
$custom: #e25fa7; $custom-light: #ee92c1; $custom-dark: #000000;
JSON
{
"hex": "#e25fa7",
"rgb": {
"r": 226,
"g": 95,
"b": 167
},
"hsl": {
"h": 327.023,
"s": 69.312,
"l": 62.941
},
"oklch": {
"l": 0.67107,
"c": 0.17986,
"h": 348.9
},
"luminance": 0.27143
}Semantic roles & 50–950 ramp
primary
#E25FA7
secondary
#B7E6CC
accent
#D16914
background
#FFF9FB
surface
#FEF2F7
border
#D6CCD0
text
#170D12
muted
#857E81