#D9956F#D9956F
#D9956F لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.374؛ OKLCH L 72.8% C 0.097 H 49.9°. أفضل لون لنص المتن هو #000000 بتباين 8.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D9956F |
|---|---|
| RGB | rgb(217, 149, 111) |
| HSL | hsl(22, 58%, 64%) |
| HSV | hsv(22, 49%, 85%) |
| CMYK | cmyk(0%, 31.3%, 48.8%, 14.9%) |
| CIE-LAB | lab(67.57, 21.31, 30.35) |
| CIE-LCH | lch(67.57, 37.08, 54.92°) |
| OKLab | oklab(72.84% 0.0627 0.0745) |
| OKLCH | oklch(72.84% 0.097 49.9) |
| XYZ | xyz(42.2342, 37.3975, 20.0299) |
| Luminance | 0.3739 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Pinkish Tan
#D99B82
ΔE00 4.36
Darksalmon
#E9967A
ΔE00 5.45
Lightsalmon
#FFA07A
ΔE00 7.42
Dark Peach
#DE7E5D
ΔE00 7.56
Faded Orange
#F0944D
ΔE00 7.72
Sandybrown
#F4A460
ΔE00 8.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D9956F #6FB3D9
analogous
#D96F7E #D9956F #D9CA6F
triadic
#D9956F #6FD995 #956FD9
tetradic
#D9956F #7ED96F #6FB3D9 #CA6FD9
square
#D9956F #7ED96F #6FB3D9 #CA6FD9
split-complementary
#D9956F #6FD9CA #6F7ED9
monochromatic
#A3562B #CC713F #D9956F #E6B99F #F3DCD0
إمكانية الوصول والتباين
On white
2.48
#D9956F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.48
#D9956F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D9956F
8.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D9956F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D9956F | 1.00 | 2.48 | 8.48 | 8.48 |
| #FFFFFF | 2.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.48 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A89C6C
Deuteranopia (green-blind)
#B8AA6F
Tritanopia (blue-blind)
#EA898B
Achromatopsia (no color)
#A5A5A5
وسوم التصميم والكود
CSS
--color: #d9956f; /* rgb */ color: rgb(217, 149, 111); /* oklch */ color: oklch(72.8% 0.097 49.9);
Tailwind
colors: {
custom: {
50: '#e8b498',
500: '#d9956f',
950: '#000000',
},
}SCSS
$custom: #d9956f; $custom-light: #e8b498; $custom-dark: #000000;
JSON
{
"hex": "#d9956f",
"rgb": {
"r": 217,
"g": 149,
"b": 111
},
"hsl": {
"h": 21.509,
"s": 58.242,
"l": 64.314
},
"oklch": {
"l": 0.72843,
"c": 0.09736,
"h": 49.9
},
"luminance": 0.37394
}Semantic roles & 50–950 ramp
primary
#D9956F
secondary
#C0D7E4
accent
#8AC620
background
#FEFBF9
surface
#FDF6F2
border
#D5D0CC
text
#16110E
muted
#84807E