#DCD043#DCD043
#DCD043 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.607؛ OKLCH L 84.3% C 0.156 H 104.4°. أفضل لون لنص المتن هو #000000 بتباين 13.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DCD043 |
|---|---|
| RGB | rgb(220, 208, 67) |
| HSL | hsl(55, 69%, 56%) |
| HSV | hsv(55, 70%, 86%) |
| CMYK | cmyk(0%, 5.5%, 69.5%, 13.7%) |
| CIE-LAB | lab(82.24, -11.66, 67.86) |
| CIE-LCH | lch(82.24, 68.86, 99.75°) |
| OKLab | oklab(84.29% -0.0388 0.151) |
| OKLCH | oklch(84.29% 0.156 104.4) |
| XYZ | xyz(53.0864, 60.7347, 14.2357) |
| Luminance | 0.6073 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Piss Yellow
#DDD618
ΔE00 3.34
Dull Yellow
#EEDC5B
ΔE00 3.60
Dirty Yellow
#CDC50A
ΔE00 3.85
Ugly Yellow
#D0C101
ΔE00 4.47
Vomit Yellow
#C7C10C
ΔE00 4.70
Mustard Yellow
#D2BD0A
ΔE00 5.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DCD043 #434FDC
analogous
#DC8443 #DCD043 #9CDC43
triadic
#DCD043 #43DCD0 #D043DC
tetradic
#DCD043 #43DC84 #434FDC #DC439C
square
#DCD043 #43DC84 #434FDC #DC439C
split-complementary
#DCD043 #439CDC #8443DC
monochromatic
#8B821A #BEB223 #DCD043 #E6DD77 #EFEAAA
إمكانية الوصول والتباين
On white
1.60
#DCD043 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.15
#DCD043 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DCD043
13.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DCD043 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DCD043 | 1.00 | 1.60 | 13.15 | 13.15 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.15 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E2C92D
Deuteranopia (green-blind)
#E6CF4C
Tritanopia (blue-blind)
#ECC2B4
Achromatopsia (no color)
#CDCDCD
وسوم التصميم والكود
CSS
--color: #dcd043; /* rgb */ color: rgb(220, 208, 67); /* oklch */ color: oklch(84.3% 0.156 104.4);
Tailwind
colors: {
custom: {
50: '#ebde80',
500: '#dcd043',
950: '#000000',
},
}SCSS
$custom: #dcd043; $custom-light: #ebde80; $custom-dark: #000000;
JSON
{
"hex": "#dcd043",
"rgb": {
"r": 220,
"g": 208,
"b": 67
},
"hsl": {
"h": 55.294,
"s": 68.61,
"l": 56.275
},
"oklch": {
"l": 0.84286,
"c": 0.15594,
"h": 104.4
},
"luminance": 0.60733
}Semantic roles & 50–950 ramp
primary
#DCD043
secondary
#333A90
accent
#4AEB3C
background
#FFFEFB
surface
#FEFCF2
border
#D6D5CC
text
#17150B
muted
#85847E