#DBC672#DBC672
#DBC672 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.567؛ OKLCH L 82.6% C 0.107 H 95.7°. أفضل لون لنص المتن هو #000000 بتباين 12.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DBC672 |
|---|---|
| RGB | rgb(219, 198, 114) |
| HSL | hsl(48, 59%, 65%) |
| HSV | hsv(48, 48%, 86%) |
| CMYK | cmyk(0%, 9.6%, 47.9%, 14.1%) |
| CIE-LAB | lab(79.99, -3.65, 44.54) |
| CIE-LCH | lch(79.99, 44.68, 94.68°) |
| OKLab | oklab(82.63% -0.0107 0.1067) |
| OKLCH | oklch(82.63% 0.107 95.7) |
| XYZ | xyz(52.4464, 56.6652, 24.0912) |
| Luminance | 0.5666 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sand (survey)
#E2CA76
ΔE00 1.42
Sandy
#F1DA7A
ΔE00 5.05
Wheat (survey)
#FBDD7E
ΔE00 6.32
Darkkhaki
#BDB76B
ΔE00 6.43
Tan (survey)
#D1B26F
ΔE00 6.56
Light Mustard
#F7D560
ΔE00 6.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DBC672 #7287DB
analogous
#DB9172 #DBC672 #BBDB72
triadic
#DBC672 #72DBC6 #C672DB
tetradic
#DBC672 #72DB91 #7287DB #DB72BB
square
#DBC672 #72DB91 #7287DB #DB72BB
split-complementary
#DBC672 #72BBDB #9172DB
monochromatic
#A88F2B #CFB241 #DBC672 #E7DAA3 #F4EDD4
إمكانية الوصول والتباين
On white
1.70
#DBC672 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.33
#DBC672 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DBC672
12.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DBC672 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBC672 | 1.00 | 1.70 | 12.33 | 12.33 |
| #FFFFFF | 1.70 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.33 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.33 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D5C26B
Deuteranopia (green-blind)
#DBC975
Tritanopia (blue-blind)
#E9BBB2
Achromatopsia (no color)
#C6C6C6
وسوم التصميم والكود
CSS
--color: #dbc672; /* rgb */ color: rgb(219, 198, 114); /* oklch */ color: oklch(82.6% 0.107 95.7);
Tailwind
colors: {
custom: {
50: '#e8d79c',
500: '#dbc672',
950: '#000000',
},
}SCSS
$custom: #dbc672; $custom-light: #e8d79c; $custom-dark: #000000;
JSON
{
"hex": "#dbc672",
"rgb": {
"r": 219,
"g": 198,
"b": 114
},
"hsl": {
"h": 48,
"s": 59.322,
"l": 65.294
},
"oklch": {
"l": 0.82629,
"c": 0.10727,
"h": 95.7
},
"luminance": 0.56663
}Semantic roles & 50–950 ramp
primary
#DBC672
secondary
#475BAB
accent
#40C71F
background
#FEFEFC
surface
#FDFBF5
border
#D5D4CF
text
#16140E
muted
#84837F