#FA5797#FA5797
#FA5797 لون فاتح وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.294؛ OKLCH L 69.2% C 0.205 H 359.8°. أفضل لون لنص المتن هو #000000 بتباين 6.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FA5797 |
|---|---|
| RGB | rgb(250, 87, 151) |
| HSL | hsl(336, 94%, 66%) |
| HSV | hsv(336, 65%, 98%) |
| CMYK | cmyk(0%, 65.2%, 39.6%, 2%) |
| CIE-LAB | lab(61.12, 66.94, -0.56) |
| CIE-LCH | lch(61.12, 66.94, 359.52°) |
| OKLab | oklab(69.15% 0.2048 -0.0006) |
| OKLCH | oklch(69.15% 0.205 359.8) |
| XYZ | xyz(48.4217, 29.3805, 32.3932) |
| Luminance | 0.2938 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Medium Pink
#F36196
ΔE00 1.71
Strawberry
#FC5A8D
ΔE00 2.95
Barbie Pink
#FE46A5
ΔE00 4.33
Rosy Pink
#F6688E
ΔE00 4.65
Bubble Gum Pink
#FF69AF
ΔE00 4.87
Warm Pink
#FB5581
ΔE00 5.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FA5797 #57FABA
analogous
#FA57E8 #FA5797 #FA6857
triadic
#FA5797 #97FA57 #5797FA
tetradic
#FA5797 #E8FA57 #57FABA #6857FA
square
#FA5797 #E8FA57 #57FABA #6857FA
split-complementary
#FA5797 #57FA68 #57E8FA
monochromatic
#D00656 #F81C72 #FA5797 #FC92BC #FECEE1
إمكانية الوصول والتباين
On white
3.05
#FA5797 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.88
#FA5797 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #FA5797
6.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FA5797 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FA5797 | 1.00 | 3.05 | 6.88 | 6.88 |
| #FFFFFF | 3.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.88 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.88 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#768099
Deuteranopia (green-blind)
#A29F93
Tritanopia (blue-blind)
#FF4571
Achromatopsia (no color)
#939393
وسوم التصميم والكود
CSS
--color: #fa5797; /* rgb */ color: rgb(250, 87, 151); /* oklch */ color: oklch(69.2% 0.205 359.8);
Tailwind
colors: {
custom: {
50: '#ff90b5',
500: '#fa5797',
950: '#000000',
},
}SCSS
$custom: #fa5797; $custom-light: #ff90b5; $custom-dark: #000000;
JSON
{
"hex": "#fa5797",
"rgb": {
"r": 250,
"g": 87,
"b": 151
},
"hsl": {
"h": 336.442,
"s": 94.22,
"l": 66.078
},
"oklch": {
"l": 0.69152,
"c": 0.20483,
"h": 359.8
},
"luminance": 0.29375
}Semantic roles & 50–950 ramp
primary
#FA5797
secondary
#BCF1DC
accent
#E68B00
background
#FFF9FB
surface
#FFF2F6
border
#D7CCD0
text
#190D11
muted
#877E80