#FFB781#FFB781
#FFB781 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.567؛ OKLCH L 83.5% C 0.109 H 57.5°. أفضل لون لنص المتن هو #000000 بتباين 12.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FFB781 |
|---|---|
| RGB | rgb(255, 183, 129) |
| HSL | hsl(26, 100%, 75%) |
| HSV | hsv(26, 49%, 100%) |
| CMYK | cmyk(0%, 28.2%, 49.4%, 0%) |
| CIE-LAB | lab(80.02, 20.08, 37.71) |
| CIE-LCH | lch(80.02, 42.72, 61.97°) |
| OKLab | oklab(83.52% 0.0586 0.0918) |
| OKLCH | oklch(83.52% 0.109 57.5) |
| XYZ | xyz(62.1391, 56.7164, 28.4392) |
| Luminance | 0.5671 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Peach (survey)
#FFB07C
ΔE00 2.29
Apricot (survey)
#FFB16D
ΔE00 3.25
Sandybrown
#F4A460
ΔE00 5.38
Pale Orange
#FFA756
ΔE00 6.22
Light Orange
#FDAA48
ΔE00 8.56
Apricot
#FBCEB1
ΔE00 8.70
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FFB781 #81C9FF
analogous
#FF818A #FFB781 #FFF681
triadic
#FFB781 #81FFB7 #B781FF
tetradic
#FFB781 #8AFF81 #81C9FF #F681FF
square
#FFB781 #8AFF81 #81C9FF #F681FF
split-complementary
#FFB781 #81FFF6 #818AFF
monochromatic
#FF7107 #FF9444 #FFB781 #FFDABE #FFEEE0
إمكانية الوصول والتباين
On white
1.70
#FFB781 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.34
#FFB781 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FFB781
12.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FFB781 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FFB781 | 1.00 | 1.70 | 12.34 | 12.34 |
| #FFFFFF | 1.70 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.34 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CCBD7D
Deuteranopia (green-blind)
#DDCD81
Tritanopia (blue-blind)
#FFA9A9
Achromatopsia (no color)
#C6C6C6
وسوم التصميم والكود
CSS
--color: #ffb781; /* rgb */ color: rgb(255, 183, 129); /* oklch */ color: oklch(83.5% 0.109 57.5);
Tailwind
colors: {
custom: {
50: '#ffcca6',
500: '#ffb781',
950: '#000000',
},
}SCSS
$custom: #ffb781; $custom-light: #ffcca6; $custom-dark: #000000;
JSON
{
"hex": "#ffb781",
"rgb": {
"r": 255,
"g": 183,
"b": 129
},
"hsl": {
"h": 25.714,
"s": 100,
"l": 75.294
},
"oklch": {
"l": 0.83523,
"c": 0.10895,
"h": 57.5
},
"luminance": 0.56712
}Semantic roles & 50–950 ramp
primary
#FFB781
secondary
#469DDE
accent
#83E600
background
#FFFEFC
surface
#FFFAF6
border
#D7D3D0
text
#18130F
muted
#868380