#FCA599#FCA599
#FCA599 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.499؛ OKLCH L 80.5% C 0.105 H 28.2°. أفضل لون لنص المتن هو #000000 بتباين 10.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FCA599 |
|---|---|
| RGB | rgb(252, 165, 153) |
| HSL | hsl(7, 94%, 79%) |
| HSV | hsv(7, 39%, 99%) |
| CMYK | cmyk(0%, 34.5%, 39.3%, 1.2%) |
| CIE-LAB | lab(76.01, 30.76, 19.54) |
| CIE-LCH | lch(76.01, 36.44, 32.42°) |
| OKLab | oklab(80.49% 0.0929 0.0498) |
| OKLCH | oklch(80.49% 0.105 28.2) |
| XYZ | xyz(59.3524, 49.9101, 36.6384) |
| Luminance | 0.4991 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush (survey)
#F29E8E
ΔE00 2.66
Peachy Pink
#FF9A8A
ΔE00 3.21
Light Salmon
#FEA993
ΔE00 3.59
Pale Salmon
#FFB19A
ΔE00 4.89
Darksalmon
#E9967A
ΔE00 7.39
Lightsalmon
#FFA07A
ΔE00 8.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FCA599 #99F0FC
analogous
#FC99BF #FCA599 #FCD799
triadic
#FCA599 #99FCA5 #A599FC
tetradic
#FCA599 #BFFC99 #99F0FC #D799FC
square
#FCA599 #BFFC99 #99F0FC #D799FC
split-complementary
#FCA599 #99FCD7 #99BFFC
monochromatic
#F93C22 #FA715E #FCA599 #FED9D4 #FEE5E1
إمكانية الوصول والتباين
On white
1.91
#FCA599 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.98
#FCA599 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FCA599
10.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FCA599 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FCA599 | 1.00 | 1.91 | 10.98 | 10.98 |
| #FFFFFF | 1.91 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B8B198
Deuteranopia (green-blind)
#CDC298
Tritanopia (blue-blind)
#FF9AA2
Achromatopsia (no color)
#BBBBBB
وسوم التصميم والكود
CSS
--color: #fca599; /* rgb */ color: rgb(252, 165, 153); /* oklch */ color: oklch(80.5% 0.105 28.2);
Tailwind
colors: {
custom: {
50: '#ffc0b7',
500: '#fca599',
950: '#000000',
},
}SCSS
$custom: #fca599; $custom-light: #ffc0b7; $custom-dark: #000000;
JSON
{
"hex": "#fca599",
"rgb": {
"r": 252,
"g": 165,
"b": 153
},
"hsl": {
"h": 7.273,
"s": 94.286,
"l": 79.412
},
"oklch": {
"l": 0.80489,
"c": 0.10541,
"h": 28.2
},
"luminance": 0.49906
}Semantic roles & 50–950 ramp
primary
#FCA599
secondary
#D5F2F6
accent
#CAE600
background
#FFFBFB
surface
#FFF7F6
border
#D7D0D0
text
#181211
muted
#868180