#DB953C#DB953C
#DB953C لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.369؛ OKLCH L 72.4% C 0.132 H 69.0°. أفضل لون لنص المتن هو #000000 بتباين 8.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DB953C |
|---|---|
| RGB | rgb(219, 149, 60) |
| HSL | hsl(34, 69%, 55%) |
| HSV | hsv(34, 73%, 86%) |
| CMYK | cmyk(0%, 32%, 72.6%, 14.1%) |
| CIE-LAB | lab(67.19, 18.53, 55.52) |
| CIE-LCH | lch(67.19, 58.54, 71.54°) |
| OKLab | oklab(72.4% 0.0474 0.1236) |
| OKLCH | oklch(72.4% 0.132 69) |
| XYZ | xyz(40.7795, 36.8848, 9.2459) |
| Luminance | 0.3688 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Honey
#EB9605
ΔE00 4.83
Caramel
#C68E4E
ΔE00 5.36
Dull Orange
#D8863B
ΔE00 5.96
Peru
#CD853F
ΔE00 6.04
Light Orange
#FDAA48
ΔE00 7.07
Bronze
#CD7F32
ΔE00 7.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DB953C #3C82DB
analogous
#DB463C #DB953C #D1DB3C
triadic
#DB953C #3CDB95 #953CDB
tetradic
#DB953C #3CDB46 #3C82DB #DB3CD1
square
#DB953C #3CDB46 #3C82DB #DB3CD1
split-complementary
#DB953C #3CD1DB #463CDB
monochromatic
#845518 #B87622 #DB953C #E5B170 #EECDA3
إمكانية الوصول والتباين
On white
2.51
#DB953C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.38
#DB953C on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DB953C
8.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DB953C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DB953C | 1.00 | 2.51 | 8.38 | 8.38 |
| #FFFFFF | 2.51 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.38 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.38 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AC9A31
Deuteranopia (green-blind)
#BDAA3E
Tritanopia (blue-blind)
#EE8482
Achromatopsia (no color)
#A4A4A4
وسوم التصميم والكود
CSS
--color: #db953c; /* rgb */ color: rgb(219, 149, 60); /* oklch */ color: oklch(72.4% 0.132 69.0);
Tailwind
colors: {
custom: {
50: '#ebb477',
500: '#db953c',
950: '#000000',
},
}SCSS
$custom: #db953c; $custom-light: #ebb477; $custom-dark: #000000;
JSON
{
"hex": "#db953c",
"rgb": {
"r": 219,
"g": 149,
"b": 60
},
"hsl": {
"h": 33.585,
"s": 68.831,
"l": 54.706
},
"oklch": {
"l": 0.72397,
"c": 0.13239,
"h": 69
},
"luminance": 0.36881
}Semantic roles & 50–950 ramp
primary
#DB953C
secondary
#98B5DB
accent
#89EC3C
background
#FFFBF7
surface
#FEF6ED
border
#D6D0C8
text
#171109
muted
#85807B