#F7B45F#F7B45F
#F7B45F لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.532؛ OKLCH L 81.6% C 0.128 H 70.8°. أفضل لون لنص المتن هو #000000 بتباين 11.65:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F7B45F |
|---|---|
| RGB | rgb(247, 180, 95) |
| HSL | hsl(34, 90%, 67%) |
| HSV | hsv(34, 62%, 97%) |
| CMYK | cmyk(0%, 27.1%, 61.5%, 3.1%) |
| CIE-LAB | lab(78.02, 15.76, 52.11) |
| CIE-LCH | lch(78.02, 54.44, 73.17°) |
| OKLab | oklab(81.63% 0.0421 0.1209) |
| OKLCH | oklch(81.63% 0.128 70.8) |
| XYZ | xyz(56.7480, 53.2472, 18.1132) |
| Luminance | 0.5324 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Butterscotch
#FDB147
ΔE00 3.01
Light Orange
#FDAA48
ΔE00 3.79
Apricot (survey)
#FFB16D
ΔE00 5.36
Mango
#FFA62B
ΔE00 5.76
Pale Orange
#FFA756
ΔE00 5.85
Sandybrown
#F4A460
ΔE00 6.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F7B45F #5FA2F7
analogous
#F7685F #F7B45F #EEF75F
triadic
#F7B45F #5FF7B4 #B45FF7
tetradic
#F7B45F #5FF768 #5FA2F7 #F75FEE
square
#F7B45F #5FF768 #5FA2F7 #F75FEE
split-complementary
#F7B45F #5FEEF7 #685FF7
monochromatic
#D17A0A #F49925 #F7B45F #FACF99 #FDEBD4
إمكانية الوصول والتباين
On white
1.80
#F7B45F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.65
#F7B45F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F7B45F
11.65:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F7B45F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F7B45F | 1.00 | 1.80 | 11.65 | 11.65 |
| #FFFFFF | 1.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.65 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CBB857
Deuteranopia (green-blind)
#DBC761
Tritanopia (blue-blind)
#FFA4A1
Achromatopsia (no color)
#C1C1C1
وسوم التصميم والكود
CSS
--color: #f7b45f; /* rgb */ color: rgb(247, 180, 95); /* oklch */ color: oklch(81.6% 0.128 70.8);
Tailwind
colors: {
custom: {
50: '#feca8f',
500: '#f7b45f',
950: '#000000',
},
}SCSS
$custom: #f7b45f; $custom-light: #feca8f; $custom-dark: #000000;
JSON
{
"hex": "#f7b45f",
"rgb": {
"r": 247,
"g": 180,
"b": 95
},
"hsl": {
"h": 33.553,
"s": 90.476,
"l": 67.059
},
"oklch": {
"l": 0.81634,
"c": 0.12805,
"h": 70.8
},
"luminance": 0.53243
}Semantic roles & 50–950 ramp
primary
#F7B45F
secondary
#2E74CC
accent
#65E600
background
#FFFDFC
surface
#FFF9F4
border
#D7D2CE
text
#18130C
muted
#86827F