#FEBC97#FEBC97
#FEBC97 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.593؛ OKLCH L 84.7% C 0.091 H 50.4°. أفضل لون لنص المتن هو #000000 بتباين 12.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FEBC97 |
|---|---|
| RGB | rgb(254, 188, 151) |
| HSL | hsl(22, 98%, 79%) |
| HSV | hsv(22, 41%, 100%) |
| CMYK | cmyk(0%, 26%, 40.6%, 0.4%) |
| CIE-LAB | lab(81.44, 19.25, 28.04) |
| CIE-LCH | lch(81.44, 34.01, 55.54°) |
| OKLab | oklab(84.72% 0.0582 0.0702) |
| OKLCH | oklch(84.72% 0.091 50.4) |
| XYZ | xyz(64.4446, 59.2757, 37.3191) |
| Luminance | 0.5927 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Peach (survey)
#FFB07C
ΔE00 4.67
Apricot
#FBCEB1
ΔE00 5.83
Pale Salmon
#FFB19A
ΔE00 6.29
Lightsalmon
#FFA07A
ΔE00 7.67
Apricot (survey)
#FFB16D
ΔE00 7.80
Light Salmon
#FEA993
ΔE00 7.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FEBC97 #97D9FE
analogous
#FE97A6 #FEBC97 #FEEF97
triadic
#FEBC97 #97FEBC #BC97FE
tetradic
#FEBC97 #A6FE97 #97D9FE #EF97FE
square
#FEBC97 #A6FE97 #97D9FE #EF97FE
split-complementary
#FEBC97 #97FEEF #97A6FE
monochromatic
#FD6E1E #FD955A #FEBC97 #FFE3D4 #FFEBE1
إمكانية الوصول والتباين
On white
1.63
#FEBC97 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.85
#FEBC97 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FEBC97
12.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FEBC97 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FEBC97 | 1.00 | 1.63 | 12.85 | 12.85 |
| #FFFFFF | 1.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CEC294
Deuteranopia (green-blind)
#DDD097
Tritanopia (blue-blind)
#FFB0B2
Achromatopsia (no color)
#CACACA
وسوم التصميم والكود
CSS
--color: #febc97; /* rgb */ color: rgb(254, 188, 151); /* oklch */ color: oklch(84.7% 0.091 50.4);
Tailwind
colors: {
custom: {
50: '#ffd0b6',
500: '#febc97',
950: '#000000',
},
}SCSS
$custom: #febc97; $custom-light: #ffd0b6; $custom-dark: #000000;
JSON
{
"hex": "#febc97",
"rgb": {
"r": 254,
"g": 188,
"b": 151
},
"hsl": {
"h": 21.553,
"s": 98.095,
"l": 79.412
},
"oklch": {
"l": 0.84724,
"c": 0.09117,
"h": 50.4
},
"luminance": 0.59272
}Semantic roles & 50–950 ramp
primary
#FEBC97
secondary
#59B0E0
accent
#93E600
background
#FFFEFD
surface
#FFFBF8
border
#D7D4D1
text
#181411
muted
#868381