#DBC151#DBC151
#DBC151 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.538؛ OKLCH L 81.2% C 0.133 H 96.2°. أفضل لون لنص المتن هو #000000 بتباين 11.76:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DBC151 |
|---|---|
| RGB | rgb(219, 193, 81) |
| HSL | hsl(49, 66%, 59%) |
| HSV | hsv(49, 63%, 86%) |
| CMYK | cmyk(0%, 11.9%, 63%, 14.1%) |
| CIE-LAB | lab(78.34, -3.64, 58.13) |
| CIE-LCH | lch(78.34, 58.24, 93.58°) |
| OKLab | oklab(81.21% -0.0144 0.1327) |
| OKLCH | oklch(81.21% 0.133 96.2) |
| XYZ | xyz(49.7708, 53.7965, 15.5452) |
| Luminance | 0.5379 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sand (survey)
#E2CA76
ΔE00 4.66
Maize
#F4D054
ΔE00 4.89
Mustard
#DBB42C
ΔE00 4.97
Mustard Yellow
#D2BD0A
ΔE00 5.15
Dark Yellow
#D5B60A
ΔE00 5.17
Light Mustard
#F7D560
ΔE00 5.53
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DBC151 #516BDB
analogous
#DB7C51 #DBC151 #B0DB51
triadic
#DBC151 #51DBC1 #C151DB
tetradic
#DBC151 #51DB7C #516BDB #DB51B0
square
#DBC151 #51DB7C #516BDB #DB51B0
split-complementary
#DBC151 #51B0DB #7C51DB
monochromatic
#937D1E #C6A829 #DBC151 #E5D384 #F0E5B6
إمكانية الوصول والتباين
On white
1.79
#DBC151 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.76
#DBC151 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DBC151
11.76:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DBC151 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBC151 | 1.00 | 1.79 | 11.76 | 11.76 |
| #FFFFFF | 1.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.76 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D3BD44
Deuteranopia (green-blind)
#DAC557
Tritanopia (blue-blind)
#EBB3A9
Achromatopsia (no color)
#C2C2C2
وسوم التصميم والكود
CSS
--color: #dbc151; /* rgb */ color: rgb(219, 193, 81); /* oklch */ color: oklch(81.2% 0.133 96.2);
Tailwind
colors: {
custom: {
50: '#e9d386',
500: '#dbc151',
950: '#000000',
},
}SCSS
$custom: #dbc151; $custom-light: #e9d386; $custom-dark: #000000;
JSON
{
"hex": "#dbc151",
"rgb": {
"r": 219,
"g": 193,
"b": 81
},
"hsl": {
"h": 48.696,
"s": 65.714,
"l": 58.824
},
"oklch": {
"l": 0.8121,
"c": 0.13348,
"h": 96.2
},
"luminance": 0.53794
}Semantic roles & 50–950 ramp
primary
#DBC151
secondary
#384A98
accent
#5FE93F
background
#FFFEFB
surface
#FEFBF2
border
#D6D4CC
text
#17140B
muted
#85837E