#FFAF6C#FFAF6C
#FFAF6C لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.530؛ OKLCH L 81.8% C 0.126 H 59.7°. أفضل لون لنص المتن هو #000000 بتباين 11.60:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FFAF6C |
|---|---|
| RGB | rgb(255, 175, 108) |
| HSL | hsl(27, 100%, 71%) |
| HSV | hsv(27, 58%, 100%) |
| CMYK | cmyk(0%, 31.4%, 57.6%, 0%) |
| CIE-LAB | lab(77.88, 22.54, 45.77) |
| CIE-LCH | lch(77.88, 51.02, 63.78°) |
| OKLab | oklab(81.77% 0.0634 0.1084) |
| OKLCH | oklch(81.77% 0.126 59.7) |
| XYZ | xyz(59.2804, 53.0075, 21.2938) |
| Luminance | 0.5300 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Apricot (survey)
#FFB16D
ΔE00 0.71
Sandybrown
#F4A460
ΔE00 2.86
Pale Orange
#FFA756
ΔE00 3.00
Peach (survey)
#FFB07C
ΔE00 3.64
Light Orange
#FDAA48
ΔE00 5.71
Faded Orange
#F0944D
ΔE00 6.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FFAF6C #6CBCFF
analogous
#FF6C72 #FFAF6C #FFF96C
triadic
#FFAF6C #6CFFAF #AF6CFF
tetradic
#FFAF6C #72FF6C #6CBCFF #F96CFF
square
#FFAF6C #72FF6C #6CBCFF #F96CFF
split-complementary
#FFAF6C #6CFFF9 #6C72FF
monochromatic
#F16E00 #FF8E2F #FFAF6C #FFD0A9 #FFEEE0
إمكانية الوصول والتباين
On white
1.81
#FFAF6C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.60
#FFAF6C on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FFAF6C
11.60:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FFAF6C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FFAF6C | 1.00 | 1.81 | 11.60 | 11.60 |
| #FFFFFF | 1.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.60 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C7B666
Deuteranopia (green-blind)
#DAC86D
Tritanopia (blue-blind)
#FF9E9F
Achromatopsia (no color)
#C0C0C0
وسوم التصميم والكود
CSS
--color: #ffaf6c; /* rgb */ color: rgb(255, 175, 108); /* oklch */ color: oklch(81.8% 0.126 59.7);
Tailwind
colors: {
custom: {
50: '#ffc797',
500: '#ffaf6c',
950: '#000000',
},
}SCSS
$custom: #ffaf6c; $custom-light: #ffc797; $custom-dark: #000000;
JSON
{
"hex": "#ffaf6c",
"rgb": {
"r": 255,
"g": 175,
"b": 108
},
"hsl": {
"h": 27.347,
"s": 100,
"l": 71.176
},
"oklch": {
"l": 0.81766,
"c": 0.12554,
"h": 59.7
},
"luminance": 0.53003
}Semantic roles & 50–950 ramp
primary
#FFAF6C
secondary
#348FDB
accent
#7DE600
background
#FFFDFC
surface
#FFF9F5
border
#D7D2CF
text
#19130E
muted
#87827F