#FEA699#FEA699
#FEA699 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.506؛ OKLCH L 80.9% C 0.107 H 28.8°. أفضل لون لنص المتن هو #000000 بتباين 11.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FEA699 |
|---|---|
| RGB | rgb(254, 166, 153) |
| HSL | hsl(8, 98%, 80%) |
| HSV | hsv(8, 40%, 100%) |
| CMYK | cmyk(0%, 34.6%, 39.8%, 0.4%) |
| CIE-LAB | lab(76.47, 30.98, 20.19) |
| CIE-LCH | lch(76.47, 36.98, 33.09°) |
| OKLab | oklab(80.89% 0.0935 0.0514) |
| OKLCH | oklch(80.89% 0.107 28.8) |
| XYZ | xyz(60.2617, 50.6478, 36.7329) |
| Luminance | 0.5064 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush (survey)
#F29E8E
ΔE00 2.79
Peachy Pink
#FF9A8A
ΔE00 3.17
Light Salmon
#FEA993
ΔE00 3.24
Pale Salmon
#FFB19A
ΔE00 4.54
Darksalmon
#E9967A
ΔE00 7.36
Lightsalmon
#FFA07A
ΔE00 8.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FEA699 #99F1FE
analogous
#FE99BE #FEA699 #FED999
triadic
#FEA699 #99FEA6 #A699FE
tetradic
#FEA699 #BEFE99 #99F1FE #D999FE
square
#FEA699 #BEFE99 #99F1FE #D999FE
split-complementary
#FEA699 #99FED9 #99BEFE
monochromatic
#FD3C20 #FD715C #FEA699 #FFDBD6 #FFE5E1
إمكانية الوصول والتباين
On white
1.89
#FEA699 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.13
#FEA699 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FEA699
11.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FEA699 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FEA699 | 1.00 | 1.89 | 11.13 | 11.13 |
| #FFFFFF | 1.89 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B9B298
Deuteranopia (green-blind)
#CEC498
Tritanopia (blue-blind)
#FF9AA3
Achromatopsia (no color)
#BDBDBD
وسوم التصميم والكود
CSS
--color: #fea699; /* rgb */ color: rgb(254, 166, 153); /* oklch */ color: oklch(80.9% 0.107 28.8);
Tailwind
colors: {
custom: {
50: '#ffc1b7',
500: '#fea699',
950: '#000000',
},
}SCSS
$custom: #fea699; $custom-light: #ffc1b7; $custom-dark: #000000;
JSON
{
"hex": "#fea699",
"rgb": {
"r": 254,
"g": 166,
"b": 153
},
"hsl": {
"h": 7.723,
"s": 98.058,
"l": 79.804
},
"oklch": {
"l": 0.80886,
"c": 0.10671,
"h": 28.8
},
"luminance": 0.50643
}Semantic roles & 50–950 ramp
primary
#FEA699
secondary
#5BCFE0
accent
#C8E600
background
#FFFDFD
surface
#FFF9F8
border
#D7D2D1
text
#181211
muted
#868281