#FFBE9A#FFBE9A
#FFBE9A لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.604؛ OKLCH L 85.3% C 0.089 H 50.1°. أفضل لون لنص المتن هو #000000 بتباين 13.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FFBE9A |
|---|---|
| RGB | rgb(255, 190, 154) |
| HSL | hsl(21, 100%, 80%) |
| HSV | hsv(21, 40%, 100%) |
| CMYK | cmyk(0%, 25.5%, 39.6%, 0%) |
| CIE-LAB | lab(82.07, 18.91, 27.32) |
| CIE-LCH | lch(82.07, 33.22, 55.31°) |
| OKLab | oklab(85.25% 0.0573 0.0686) |
| OKLCH | oklch(85.25% 0.089 50.1) |
| XYZ | xyz(65.4886, 60.4240, 38.7792) |
| Luminance | 0.6042 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Peach (survey)
#FFB07C
ΔE00 5.16
Apricot
#FBCEB1
ΔE00 5.40
Pale Salmon
#FFB19A
ΔE00 6.29
Light Salmon
#FEA993
ΔE00 8.02
Lightsalmon
#FFA07A
ΔE00 8.05
Apricot (survey)
#FFB16D
ΔE00 8.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FFBE9A #9ADBFF
analogous
#FF9AA8 #FFBE9A #FFF09A
triadic
#FFBE9A #9AFFBE #BE9AFF
tetradic
#FFBE9A #A8FF9A #9ADBFF #F09AFF
square
#FFBE9A #A8FF9A #9ADBFF #F09AFF
split-complementary
#FFBE9A #9AFFF0 #9AA8FF
monochromatic
#FF6F20 #FF975D #FFBE9A #FFE5D7 #FFEBE0
إمكانية الوصول والتباين
On white
1.61
#FFBE9A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.08
#FFBE9A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FFBE9A
13.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FFBE9A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FFBE9A | 1.00 | 1.61 | 13.08 | 13.08 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.08 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D0C497
Deuteranopia (green-blind)
#DFD29A
Tritanopia (blue-blind)
#FFB3B4
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #ffbe9a; /* rgb */ color: rgb(255, 190, 154); /* oklch */ color: oklch(85.3% 0.089 50.1);
Tailwind
colors: {
custom: {
50: '#ffd1b8',
500: '#ffbe9a',
950: '#000000',
},
}SCSS
$custom: #ffbe9a; $custom-light: #ffd1b8; $custom-dark: #000000;
JSON
{
"hex": "#ffbe9a",
"rgb": {
"r": 255,
"g": 190,
"b": 154
},
"hsl": {
"h": 21.386,
"s": 100,
"l": 80.196
},
"oklch": {
"l": 0.85251,
"c": 0.08937,
"h": 50.1
},
"luminance": 0.6042
}Semantic roles & 50–950 ramp
primary
#FFBE9A
secondary
#5BB2E2
accent
#94E600
background
#FFFEFD
surface
#FFFBF8
border
#D7D4D1
text
#181411
muted
#868381