#D4C583#D4C583
#D4C583 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.556؛ OKLCH L 82.1% C 0.087 H 96.9°. أفضل لون لنص المتن هو #000000 بتباين 12.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D4C583 |
|---|---|
| RGB | rgb(212, 197, 131) |
| HSL | hsl(49, 49%, 67%) |
| HSV | hsv(49, 38%, 83%) |
| CMYK | cmyk(0%, 7.1%, 38.2%, 16.9%) |
| CIE-LAB | lab(79.37, -4.20, 35.02) |
| CIE-LCH | lch(79.37, 35.27, 96.84°) |
| OKLab | oklab(82.07% -0.0104 0.0862) |
| OKLCH | oklch(82.07% 0.087 96.9) |
| XYZ | xyz(51.2153, 55.5698, 29.4965) |
| Luminance | 0.5557 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sand (survey)
#E2CA76
ΔE00 4.19
Darkkhaki
#BDB76B
ΔE00 5.43
Sand
#C2B280
ΔE00 5.84
Beige (survey)
#E6DAA6
ΔE00 6.01
Tan (survey)
#D1B26F
ΔE00 6.52
Very Light Brown
#D3B683
ΔE00 6.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D4C583 #8392D4
analogous
#D49D83 #D4C583 #BBD483
triadic
#D4C583 #83D4C5 #C583D4
tetradic
#D4C583 #83D49D #8392D4 #D483BB
square
#D4C583 #83D49D #8392D4 #D483BB
split-complementary
#D4C583 #83BBD4 #9D83D4
monochromatic
#A49039 #C4B056 #D4C583 #E4DAB0 #F4F0DE
إمكانية الوصول والتباين
On white
1.73
#D4C583 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.11
#D4C583 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D4C583
12.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D4C583 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D4C583 | 1.00 | 1.73 | 12.11 | 12.11 |
| #FFFFFF | 1.73 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D2C27E
Deuteranopia (green-blind)
#D6C785
Tritanopia (blue-blind)
#E0BCB4
Achromatopsia (no color)
#C5C5C5
وسوم التصميم والكود
CSS
--color: #d4c583; /* rgb */ color: rgb(212, 197, 131); /* oklch */ color: oklch(82.1% 0.087 96.9);
Tailwind
colors: {
custom: {
50: '#e2d6a8',
500: '#d4c583',
950: '#000000',
},
}SCSS
$custom: #d4c583; $custom-light: #e2d6a8; $custom-dark: #000000;
JSON
{
"hex": "#d4c583",
"rgb": {
"r": 212,
"g": 197,
"b": 131
},
"hsl": {
"h": 48.889,
"s": 48.503,
"l": 67.255
},
"oklch": {
"l": 0.82071,
"c": 0.08682,
"h": 96.9
},
"luminance": 0.55568
}Semantic roles & 50–950 ramp
primary
#D4C583
secondary
#5363A8
accent
#45BC2A
background
#FEFEFC
surface
#FCFBF6
border
#D5D4D0
text
#15140F
muted
#848380