#FE8B95#FE8B95
#FE8B95 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.417؛ OKLCH L 76.4% C 0.139 H 15.4°. أفضل لون لنص المتن هو #000000 بتباين 9.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FE8B95 |
|---|---|
| RGB | rgb(254, 139, 149) |
| HSL | hsl(355, 98%, 77%) |
| HSV | hsv(355, 45%, 100%) |
| CMYK | cmyk(0%, 45.3%, 41.3%, 0.4%) |
| CIE-LAB | lab(70.67, 44.42, 14.34) |
| CIE-LCH | lch(70.67, 46.67, 17.90°) |
| OKLab | oklab(76.43% 0.1343 0.037) |
| OKLCH | oklch(76.43% 0.139 15.4) |
| XYZ | xyz(55.5336, 41.7112, 33.5543) |
| Luminance | 0.4171 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush Pink
#FE828C
ΔE00 2.08
Rose Pink
#F7879A
ΔE00 3.19
Carnation
#FD798F
ΔE00 4.26
Lightcoral
#F08080
ΔE00 4.84
Salmon Pink
#FE7B7C
ΔE00 5.32
Rosa
#FE86A4
ΔE00 5.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FE8B95 #8BFEF4
analogous
#FE8BCE #FE8B95 #FEBB8B
triadic
#FE8B95 #95FE8B #8B95FE
tetradic
#FE8B95 #CEFE8B #8BFEF4 #BB8BFE
square
#FE8B95 #CEFE8B #8BFEF4 #BB8BFE
split-complementary
#FE8B95 #8BFEBB #8BCEFE
monochromatic
#FD1226 #FD4E5E #FE8B95 #FFC8CC #FFE1E3
إمكانية الوصول والتباين
On white
2.25
#FE8B95 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.34
#FE8B95 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FE8B95
9.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FE8B95 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FE8B95 | 1.00 | 2.25 | 9.34 | 9.34 |
| #FFFFFF | 2.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.34 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A29F95
Deuteranopia (green-blind)
#BEB693
Tritanopia (blue-blind)
#FF7E8F
Achromatopsia (no color)
#ADADAD
وسوم التصميم والكود
CSS
--color: #fe8b95; /* rgb */ color: rgb(254, 139, 149); /* oklch */ color: oklch(76.4% 0.139 15.4);
Tailwind
colors: {
custom: {
50: '#ffafb4',
500: '#fe8b95',
950: '#000000',
},
}SCSS
$custom: #fe8b95; $custom-light: #ffafb4; $custom-dark: #000000;
JSON
{
"hex": "#fe8b95",
"rgb": {
"r": 254,
"g": 139,
"b": 149
},
"hsl": {
"h": 354.783,
"s": 98.291,
"l": 77.059
},
"oklch": {
"l": 0.76426,
"c": 0.1393,
"h": 15.4
},
"luminance": 0.41706
}Semantic roles & 50–950 ramp
primary
#FE8B95
secondary
#D4F7F4
accent
#E6D200
background
#FFFAFB
surface
#FFF5F6
border
#D7CFD0
text
#191011
muted
#877F80