#DC985A#DC985A
#DC985A لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.384؛ OKLCH L 73.4% C 0.113 H 61.9°. أفضل لون لنص المتن هو #000000 بتباين 8.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DC985A |
|---|---|
| RGB | rgb(220, 152, 90) |
| HSL | hsl(29, 65%, 61%) |
| HSV | hsv(29, 59%, 86%) |
| CMYK | cmyk(0%, 30.9%, 59.1%, 13.7%) |
| CIE-LAB | lab(68.32, 19.15, 42.46) |
| CIE-LCH | lch(68.32, 46.58, 65.72°) |
| OKLab | oklab(73.4% 0.0534 0.1) |
| OKLCH | oklch(73.4% 0.113 61.9) |
| XYZ | xyz(42.5915, 38.4138, 14.8423) |
| Luminance | 0.3841 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sandybrown
#F4A460
ΔE00 4.77
Faded Orange
#F0944D
ΔE00 4.83
Caramel
#C68E4E
ΔE00 5.14
Dull Orange
#D8863B
ΔE00 5.37
Peru
#CD853F
ΔE00 5.70
Pale Orange
#FFA756
ΔE00 6.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DC985A #5A9EDC
analogous
#DC5A5D #DC985A #DCD95A
triadic
#DC985A #5ADC98 #985ADC
tetradic
#DC985A #5DDC5A #5A9EDC #D95ADC
square
#DC985A #5DDC5A #5A9EDC #D95ADC
split-complementary
#DC985A #5ADCD9 #5A5DDC
monochromatic
#9B5B21 #CD792C #DC985A #E7B88C #F1D7BF
إمكانية الوصول والتباين
On white
2.42
#DC985A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.68
#DC985A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DC985A
8.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DC985A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DC985A | 1.00 | 2.42 | 8.68 | 8.68 |
| #FFFFFF | 2.42 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.68 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AD9D54
Deuteranopia (green-blind)
#BDAD5B
Tritanopia (blue-blind)
#EE8989
Achromatopsia (no color)
#A7A7A7
وسوم التصميم والكود
CSS
--color: #dc985a; /* rgb */ color: rgb(220, 152, 90); /* oklch */ color: oklch(73.4% 0.113 61.9);
Tailwind
colors: {
custom: {
50: '#ebb68a',
500: '#dc985a',
950: '#000000',
},
}SCSS
$custom: #dc985a; $custom-light: #ebb68a; $custom-dark: #000000;
JSON
{
"hex": "#dc985a",
"rgb": {
"r": 220,
"g": 152,
"b": 90
},
"hsl": {
"h": 28.615,
"s": 65,
"l": 60.784
},
"oklch": {
"l": 0.73403,
"c": 0.11339,
"h": 61.9
},
"luminance": 0.3841
}Semantic roles & 50–950 ramp
primary
#DC985A
secondary
#B0CAE2
accent
#77CD19
background
#FEFBF8
surface
#FDF6F0
border
#D5D0CB
text
#17110C
muted
#85807D