#DCCAA7#DCCAA7
#DCCAA7 لون فاتح جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.602؛ OKLCH L 84.5% C 0.051 H 83.9°. أفضل لون لنص المتن هو #000000 بتباين 13.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DCCAA7 |
|---|---|
| RGB | rgb(220, 202, 167) |
| HSL | hsl(40, 43%, 76%) |
| HSV | hsv(40, 24%, 86%) |
| CMYK | cmyk(0%, 8.2%, 24.1%, 13.7%) |
| CIE-LAB | lab(81.97, 0.85, 19.78) |
| CIE-LCH | lch(81.97, 19.80, 87.54°) |
| OKLab | oklab(84.5% 0.0054 0.0506) |
| OKLCH | oklch(84.5% 0.051 83.9) |
| XYZ | xyz(57.6110, 60.2482, 45.1460) |
| Luminance | 0.6025 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Wheat
#F5DEB3
ΔE00 5.30
Beige (survey)
#E6DAA6
ΔE00 6.39
Tan
#D2B48C
ΔE00 6.66
Warm Beige
#E9DCC9
ΔE00 6.77
Khaki
#C3B091
ΔE00 6.78
Very Light Brown
#D3B683
ΔE00 6.84
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DCCAA7 #A7B9DC
analogous
#DCAFA7 #DCCAA7 #D3DCA7
triadic
#DCCAA7 #A7DCCA #CAA7DC
tetradic
#DCCAA7 #A7DCAF #A7B9DC #DCA7D3
square
#DCCAA7 #A7DCAF #A7B9DC #DCA7D3
split-complementary
#DCCAA7 #A7D3DC #AFA7DC
monochromatic
#B9954F #CBB07B #DCCAA7 #EDE4D3 #F6F2E9
إمكانية الوصول والتباين
On white
1.61
#DCCAA7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.05
#DCCAA7 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DCCAA7
13.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DCCAA7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DCCAA7 | 1.00 | 1.61 | 13.05 | 13.05 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D3C9A5
Deuteranopia (green-blind)
#D8CEA8
Tritanopia (blue-blind)
#E5C4C0
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #dccaa7; /* rgb */ color: rgb(220, 202, 167); /* oklch */ color: oklch(84.5% 0.051 83.9);
Tailwind
colors: {
custom: {
50: '#e7dac1',
500: '#dccaa7',
950: '#000000',
},
}SCSS
$custom: #dccaa7; $custom-light: #e7dac1; $custom-dark: #000000;
JSON
{
"hex": "#dccaa7",
"rgb": {
"r": 220,
"g": 202,
"b": 167
},
"hsl": {
"h": 39.623,
"s": 43.089,
"l": 75.882
},
"oklch": {
"l": 0.84497,
"c": 0.05087,
"h": 83.9
},
"luminance": 0.60247
}Semantic roles & 50–950 ramp
primary
#DCCAA7
secondary
#7389B4
accent
#5DB62F
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#161412
muted
#848382