#CDA660#CDA660
#CDA660 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.411؛ OKLCH L 74.6% C 0.100 H 80.9°. أفضل لون لنص المتن هو #000000 بتباين 9.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CDA660 |
|---|---|
| RGB | rgb(205, 166, 96) |
| HSL | hsl(39, 52%, 59%) |
| HSV | hsv(39, 53%, 80%) |
| CMYK | cmyk(0%, 19%, 53.2%, 19.6%) |
| CIE-LAB | lab(70.24, 5.82, 41.34) |
| CIE-LCH | lch(70.24, 41.75, 81.99°) |
| OKLab | oklab(74.57% 0.0158 0.0985) |
| OKLCH | oklch(74.57% 0.1 80.9) |
| XYZ | xyz(40.9262, 41.0984, 16.8412) |
| Luminance | 0.4110 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sand Brown
#CBA560
ΔE00 0.44
Camel (survey)
#C69F59
ΔE00 2.02
Sandy Brown
#C4A661
ΔE00 2.78
Desert
#CCAD60
ΔE00 3.46
Tan (survey)
#D1B26F
ΔE00 3.77
Sandstone
#C9AE74
ΔE00 4.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CDA660 #6087CD
analogous
#CD7060 #CDA660 #BECD60
triadic
#CDA660 #60CDA6 #A660CD
tetradic
#CDA660 #60CD70 #6087CD #CD60BE
square
#CDA660 #60CD70 #6087CD #CD60BE
split-complementary
#CDA660 #60BECD #7060CD
monochromatic
#88672B #B68A39 #CDA660 #DCC08F #EADABD
إمكانية الوصول والتباين
On white
2.28
#CDA660 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.22
#CDA660 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CDA660
9.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CDA660 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDA660 | 1.00 | 2.28 | 9.22 | 9.22 |
| #FFFFFF | 2.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.22 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.22 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B6A65A
Deuteranopia (green-blind)
#C0B062
Tritanopia (blue-blind)
#DC9A95
Achromatopsia (no color)
#ACACAC
وسوم التصميم والكود
CSS
--color: #cda660; /* rgb */ color: rgb(205, 166, 96); /* oklch */ color: oklch(74.6% 0.100 80.9);
Tailwind
colors: {
custom: {
50: '#dfc08f',
500: '#cda660',
950: '#000000',
},
}SCSS
$custom: #cda660; $custom-light: #dfc08f; $custom-dark: #000000;
JSON
{
"hex": "#cda660",
"rgb": {
"r": 205,
"g": 166,
"b": 96
},
"hsl": {
"h": 38.532,
"s": 52.153,
"l": 59.02
},
"oklch": {
"l": 0.74568,
"c": 0.09971,
"h": 80.9
},
"luminance": 0.41096
}Semantic roles & 50–950 ramp
primary
#CDA660
secondary
#AFBEDA
accent
#80DC4C
background
#FEFBF8
surface
#FCF7F0
border
#D5D0CB
text
#15120C
muted
#84817D