#FCBF64#FCBF64
#FCBF64 لون فاتح جداً وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.589؛ OKLCH L 84.3% C 0.129 H 75.4°. أفضل لون لنص المتن هو #000000 بتباين 12.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FCBF64 |
|---|---|
| RGB | rgb(252, 191, 100) |
| HSL | hsl(36, 96%, 69%) |
| HSV | hsv(36, 60%, 99%) |
| CMYK | cmyk(0%, 24.2%, 60.3%, 1.2%) |
| CIE-LAB | lab(81.23, 12.40, 53.56) |
| CIE-LCH | lch(81.23, 54.98, 76.97°) |
| OKLab | oklab(84.27% 0.0325 0.1246) |
| OKLCH | oklch(84.27% 0.129 75.4) |
| XYZ | xyz(61.0794, 58.8814, 20.2024) |
| Luminance | 0.5888 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Butterscotch
#FDB147
ΔE00 4.38
Macaroni And Cheese
#EFB435
ΔE00 5.76
Light Orange
#FDAA48
ΔE00 6.54
Orangey Yellow
#FDB915
ΔE00 7.00
Saffron
#FEB209
ΔE00 7.00
Amber (survey)
#FEB308
ΔE00 7.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FCBF64 #64A1FC
analogous
#FC7364 #FCBF64 #EDFC64
triadic
#FCBF64 #64FCBF #BF64FC
tetradic
#FCBF64 #64FC73 #64A1FC #FC64ED
square
#FCBF64 #64FC73 #64A1FC #FC64ED
split-complementary
#FCBF64 #64EDFC #7364FC
monochromatic
#E18904 #FBA628 #FCBF64 #FDD8A0 #FEF1DC
إمكانية الوصول والتباين
On white
1.64
#FCBF64 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.78
#FCBF64 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FCBF64
12.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FCBF64 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FCBF64 | 1.00 | 1.64 | 12.78 | 12.78 |
| #FFFFFF | 1.64 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D6C15B
Deuteranopia (green-blind)
#E4D067
Tritanopia (blue-blind)
#FFAFAA
Achromatopsia (no color)
#CACACA
وسوم التصميم والكود
CSS
--color: #fcbf64; /* rgb */ color: rgb(252, 191, 100); /* oklch */ color: oklch(84.3% 0.129 75.4);
Tailwind
colors: {
custom: {
50: '#ffd293',
500: '#fcbf64',
950: '#000000',
},
}SCSS
$custom: #fcbf64; $custom-light: #ffd293; $custom-dark: #000000;
JSON
{
"hex": "#fcbf64",
"rgb": {
"r": 252,
"g": 191,
"b": 100
},
"hsl": {
"h": 35.921,
"s": 96.203,
"l": 69.02
},
"oklch": {
"l": 0.84274,
"c": 0.12871,
"h": 75.4
},
"luminance": 0.58877
}Semantic roles & 50–950 ramp
primary
#FCBF64
secondary
#2E72D6
accent
#5CE600
background
#FFFEFC
surface
#FFFBF4
border
#D7D4CE
text
#19140D
muted
#87837F