#DFC88E#DFC88E
#DFC88E لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.590؛ OKLCH L 83.9% C 0.079 H 88.8°. أفضل لون لنص المتن هو #000000 بتباين 12.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DFC88E |
|---|---|
| RGB | rgb(223, 200, 142) |
| HSL | hsl(43, 56%, 72%) |
| HSV | hsv(43, 36%, 87%) |
| CMYK | cmyk(0%, 10.3%, 36.3%, 12.5%) |
| CIE-LAB | lab(81.26, -0.16, 31.99) |
| CIE-LCH | lch(81.26, 31.99, 90.28°) |
| OKLab | oklab(83.85% 0.0016 0.0795) |
| OKLCH | oklch(83.85% 0.079 88.8) |
| XYZ | xyz(55.9693, 58.9515, 34.0165) |
| Luminance | 0.5895 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sand (survey)
#E2CA76
ΔE00 4.93
Very Light Brown
#D3B683
ΔE00 5.10
Beige (survey)
#E6DAA6
ΔE00 5.30
Tan (survey)
#D1B26F
ΔE00 6.08
Sand
#C2B280
ΔE00 6.47
Wheat
#F5DEB3
ΔE00 6.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DFC88E #8EA5DF
analogous
#DFA08E #DFC88E #CEDF8E
triadic
#DFC88E #8EDFC8 #C88EDF
tetradic
#DFC88E #8EDFA0 #8EA5DF #DF8ECE
square
#DFC88E #8EDFA0 #8EA5DF #DF8ECE
split-complementary
#DFC88E #8ECEDF #A08EDF
monochromatic
#BD9736 #D1B15E #DFC88E #EDDFBE #F8F3E7
إمكانية الوصول والتباين
On white
1.64
#DFC88E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.79
#DFC88E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DFC88E
12.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DFC88E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DFC88E | 1.00 | 1.64 | 12.79 | 12.79 |
| #FFFFFF | 1.64 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.79 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D5C68A
Deuteranopia (green-blind)
#DBCD90
Tritanopia (blue-blind)
#EBBFB9
Achromatopsia (no color)
#CACACA
وسوم التصميم والكود
CSS
--color: #dfc88e; /* rgb */ color: rgb(223, 200, 142); /* oklch */ color: oklch(83.9% 0.079 88.8);
Tailwind
colors: {
custom: {
50: '#ead8af',
500: '#dfc88e',
950: '#000000',
},
}SCSS
$custom: #dfc88e; $custom-light: #ead8af; $custom-dark: #000000;
JSON
{
"hex": "#dfc88e",
"rgb": {
"r": 223,
"g": 200,
"b": 142
},
"hsl": {
"h": 42.963,
"s": 55.862,
"l": 71.569
},
"oklch": {
"l": 0.83851,
"c": 0.07948,
"h": 88.8
},
"luminance": 0.5895
}Semantic roles & 50–950 ramp
primary
#DFC88E
secondary
#5A75B7
accent
#50C322
background
#FEFEFD
surface
#FDFBF7
border
#D5D4D0
text
#161410
muted
#848381