لون مسمّى · #D5A884
Desert Riverbed
Desert Riverbed هو #D5A884: rgb(213 168 132)، hsl(27 49% 68%)، oklch(0.764 0.072 60.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Desert Riverbed color name →
#D5A884
oklch(0.764 0.072 60.1)
تحويلات الألوان
- HEX
- #d5a884
- RGB
- rgb(213 168 132)
- HSL
- hsl(27 49% 68%)
- HWB
- hwb(27 52% 16%)
- OKLCH
- oklch(0.764 0.072 60.1)
- OKLab
- oklab(0.764 0.036 0.062)
- CIE Lab
- lab(72.41 13.51 25.28)
- LCH
- lch(72.41 28.66 61.9)
- CMYK
- cmyk(0% 21% 38% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D9B190
- DEB99C
- E2C2A8
- E6CAB5
- EBD3C1
- EFDCCD
- F3E5DA
- F7EDE6
- FBF6F2
درجات داكنة
- B99272
- 9E7C60
- 83674F
- 6A523F
- 513F2F
- 3A2C20
- 241A12
- 100A06
- 020101
درجات رمادية
- CCA484
- C4A084
- BB9C84
- B39883
- AA9483
- A29083
- 998C82
- 918881
- 888481
تناسق الألوان
متمم +180°
- D5A884
Desert Riverbed
- 88B9DC
≈ Goluboy Blue
متجاور -30° +30°
- D5A884
Desert Riverbed
- DCA297
≈ Quiet Pink
- C4B17D
≈ Ecru
ثلاثي +120° +240°
- D5A884
Desert Riverbed
- 7EC2B4
≈ Holiday
- B9A8DA
≈ Grape Illusion
متمم منقسم +150° +210°
- D5A884
Desert Riverbed
- 7ABFCC
≈ Meltwater
- A0B1E1
≈ Myrtle Flower
رباعي +90° +180° +270°
- D5A884
Desert Riverbed
- 92C09A
≈ Green-Eyed Lady
- 88B9DC
≈ Goluboy Blue
- CDA2C8
≈ Geranium Bud
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.15:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.76:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--desert-riverbed: #d5a884;
--desert-riverbed-rgb: 213 168 132;
--desert-riverbed-oklch: oklch(0.764 0.072 60.1);
}
.element {
color: var(--desert-riverbed);
background-color: hsl(27 49% 68%);
border-color: oklch(0.764 0.072 60.1);
}Tailwind CSS v4
@theme {
--color-desert-riverbed: #d5a884;
--color-desert-riverbed-50: #fff1e1;
--color-desert-riverbed-100: #fae3d0;
--color-desert-riverbed-200: #ecceb5;
--color-desert-riverbed-300: #d3b092;
--color-desert-riverbed-400: #bf9573;
--color-desert-riverbed-500: #aa7b54;
--color-desert-riverbed-600: #8f6848;
--color-desert-riverbed-700: #735339;
--color-desert-riverbed-800: #553c29;
--color-desert-riverbed-900: #3c291b;
--color-desert-riverbed-950: #25170c;
}SCSS
$desert-riverbed: #d5a884;
$desert-riverbed-rgb: 213, 168, 132;
$desert-riverbed-light: mix(#fff, $desert-riverbed, 20%);
$desert-riverbed-dark: mix(#000, $desert-riverbed, 20%);
.element {
color: $desert-riverbed;
box-shadow: 0 0 0 2px rgba($desert-riverbed, 0.35);
}