#FEC465#FEC465
#FEC465 لون فاتح جداً وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.615؛ OKLCH L 85.4% C 0.130 H 77.8°. أفضل لون لنص المتن هو #000000 بتباين 13.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FEC465 |
|---|---|
| RGB | rgb(254, 196, 101) |
| HSL | hsl(37, 99%, 70%) |
| HSV | hsv(37, 60%, 100%) |
| CMYK | cmyk(0%, 22.8%, 60.2%, 0.4%) |
| CIE-LAB | lab(82.64, 10.68, 54.77) |
| CIE-LCH | lch(82.64, 55.81, 78.97°) |
| OKLab | oklab(85.43% 0.0274 0.1273) |
| OKLCH | oklch(85.43% 0.13 77.8) |
| XYZ | xyz(62.9654, 61.4945, 20.8626) |
| Luminance | 0.6149 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Macaroni And Cheese
#EFB435
ΔE00 5.62
Butterscotch
#FDB147
ΔE00 5.64
Orangey Yellow
#FDB915
ΔE00 6.59
Amber (survey)
#FEB308
ΔE00 7.09
Saffron
#FEB209
ΔE00 7.15
Golden Rod
#F9BC08
ΔE00 7.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FEC465 #659FFE
analogous
#FE7865 #FEC465 #ECFE65
triadic
#FEC465 #65FEC4 #C465FE
tetradic
#FEC465 #65FE78 #659FFE #FE65EC
square
#FEC465 #65FE78 #659FFE #FE65EC
split-complementary
#FEC465 #65ECFE #7865FE
monochromatic
#E79002 #FEAD28 #FEC465 #FEDBA2 #FFF3DF
إمكانية الوصول والتباين
On white
1.58
#FEC465 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.30
#FEC465 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FEC465
13.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FEC465 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FEC465 | 1.00 | 1.58 | 13.30 | 13.30 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.30 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DBC55C
Deuteranopia (green-blind)
#E8D468
Tritanopia (blue-blind)
#FFB4AE
Achromatopsia (no color)
#CECECE
وسوم التصميم والكود
CSS
--color: #fec465; /* rgb */ color: rgb(254, 196, 101); /* oklch */ color: oklch(85.4% 0.130 77.8);
Tailwind
colors: {
custom: {
50: '#ffd594',
500: '#fec465',
950: '#000000',
},
}SCSS
$custom: #fec465; $custom-light: #ffd594; $custom-dark: #000000;
JSON
{
"hex": "#fec465",
"rgb": {
"r": 254,
"g": 196,
"b": 101
},
"hsl": {
"h": 37.255,
"s": 98.71,
"l": 69.608
},
"oklch": {
"l": 0.85433,
"c": 0.13017,
"h": 77.8
},
"luminance": 0.6149
}Semantic roles & 50–950 ramp
primary
#FEC465
secondary
#2E6FD9
accent
#57E600
background
#FFFEFC
surface
#FFFBF4
border
#D7D4CE
text
#19140D
muted
#87837F