#F886EE#F886EE
#F886EE لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.432؛ OKLCH L 77.9% C 0.186 H 330.5°. أفضل لون لنص المتن هو #000000 بتباين 9.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F886EE |
|---|---|
| RGB | rgb(248, 134, 238) |
| HSL | hsl(305, 89%, 75%) |
| HSV | hsv(305, 46%, 97%) |
| CMYK | cmyk(0%, 46%, 4%, 2.7%) |
| CIE-LAB | lab(71.68, 57.26, -33.64) |
| CIE-LCH | lch(71.68, 66.41, 329.57°) |
| OKLab | oklab(77.93% 0.1619 -0.0916) |
| OKLCH | oklch(77.93% 0.186 330.5) |
| XYZ | xyz(62.6685, 43.1833, 85.9067) |
| Luminance | 0.4318 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Violet (CSS)
#EE82EE
ΔE00 2.10
Purply Pink
#F075E6
ΔE00 3.67
Lavender Pink
#DD85D7
ΔE00 4.86
Candy Pink
#FF63E9
ΔE00 5.77
Light Magenta
#FA5FF7
ΔE00 6.97
Bubblegum Pink
#FE83CC
ΔE00 6.99
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F886EE #86F890
analogous
#C986F8 #F886EE #F886B5
triadic
#F886EE #EEF886 #86EEF8
tetradic
#F886EE #F8C986 #86F890 #86B5F8
square
#F886EE #F8C986 #86F890 #86B5F8
split-complementary
#F886EE #B5F886 #86F8C9
monochromatic
#F112DE #F54CE6 #F886EE #FBC0F6 #FDE2FB
إمكانية الوصول والتباين
On white
2.18
#F886EE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.64
#F886EE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F886EE
9.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F886EE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F886EE | 1.00 | 2.18 | 9.64 | 9.64 |
| #FFFFFF | 2.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.64 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.64 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#81A6F2
Deuteranopia (green-blind)
#A1B5EB
Tritanopia (blue-blind)
#FF8FAF
Achromatopsia (no color)
#B0B0B0
وسوم التصميم والكود
CSS
--color: #f886ee; /* rgb */ color: rgb(248, 134, 238); /* oklch */ color: oklch(77.9% 0.186 330.5);
Tailwind
colors: {
custom: {
50: '#fdacf4',
500: '#f886ee',
950: '#000000',
},
}SCSS
$custom: #f886ee; $custom-light: #fdacf4; $custom-dark: #000000;
JSON
{
"hex": "#f886ee",
"rgb": {
"r": 248,
"g": 134,
"b": 238
},
"hsl": {
"h": 305.263,
"s": 89.063,
"l": 74.902
},
"oklch": {
"l": 0.77926,
"c": 0.18605,
"h": 330.5
},
"luminance": 0.4318
}Semantic roles & 50–950 ramp
primary
#F886EE
secondary
#D6F5D8
accent
#E61400
background
#FFFAFE
surface
#FFF4FD
border
#D7CED5
text
#181017
muted
#867F85