#FC5652#FC5652
#FC5652 لون فاتح وعالي التشبّع من عائلة أحمر. الإضاءة النسبية 0.280؛ OKLCH L 67.8% C 0.203 H 25.5°. أفضل لون لنص المتن هو #000000 بتباين 6.59:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FC5652 |
|---|---|
| RGB | rgb(252, 86, 82) |
| HSL | hsl(1, 97%, 65%) |
| HSV | hsv(1, 67%, 99%) |
| CMYK | cmyk(0%, 65.9%, 67.5%, 1.2%) |
| CIE-LAB | lab(59.86, 62.72, 37.62) |
| CIE-LCH | lch(59.86, 73.14, 30.95°) |
| OKLab | oklab(67.81% 0.1829 0.0874) |
| OKLCH | oklch(67.81% 0.203 25.5) |
| XYZ | xyz(45.0004, 27.9667, 11.0095) |
| Luminance | 0.2796 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Grapefruit
#FD5956
ΔE00 0.80
Coral (survey)
#FC5A50
ΔE00 1.39
Light Red
#FF474C
ΔE00 2.12
Coral Pink
#FF6163
ΔE00 3.40
Watermelon (survey)
#FD4659
ΔE00 4.72
Lightish Red
#FE2F4A
ΔE00 5.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FC5652 #52F8FC
analogous
#FC52A3 #FC5652 #FCAB52
triadic
#FC5652 #52FC56 #5652FC
tetradic
#FC5652 #A3FC52 #52F8FC #AB52FC
square
#FC5652 #A3FC52 #52F8FC #AB52FC
split-complementary
#FC5652 #52FCAB #52A3FC
monochromatic
#D00804 #FB1B16 #FC5652 #FD918E #FECCCA
إمكانية الوصول والتباين
On white
3.19
#FC5652 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.59
#FC5652 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #FC5652
6.59:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FC5652 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FC5652 | 1.00 | 3.19 | 6.59 | 6.59 |
| #FFFFFF | 3.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.59 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.59 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#847A50
Deuteranopia (green-blind)
#AD9D4D
Tritanopia (blue-blind)
#FF2A57
Achromatopsia (no color)
#909090
وسوم التصميم والكود
CSS
--color: #fc5652; /* rgb */ color: rgb(252, 86, 82); /* oklch */ color: oklch(67.8% 0.203 25.5);
Tailwind
colors: {
custom: {
50: '#ff8e83',
500: '#fc5652',
950: '#000000',
},
}SCSS
$custom: #fc5652; $custom-light: #ff8e83; $custom-dark: #000000;
JSON
{
"hex": "#fc5652",
"rgb": {
"r": 252,
"g": 86,
"b": 82
},
"hsl": {
"h": 1.412,
"s": 96.591,
"l": 65.49
},
"oklch": {
"l": 0.67808,
"c": 0.20272,
"h": 25.5
},
"luminance": 0.2796
}Semantic roles & 50–950 ramp
primary
#FC5652
secondary
#B8F0F1
accent
#E0E600
background
#FFF9F8
surface
#FFF1EF
border
#D7CBCA
text
#1A0D0A
muted
#877E7C