لون مسمّى · #C7A384
Rodeo Dust
Rodeo Dust هو #C7A384: rgb(199 163 132)، hsl(28 37% 65%)، oklch(0.74 0.06 62.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Rodeo Dust color name →
#C7A384
oklch(0.74 0.06 62.4)
تحويلات الألوان
- HEX
- #c7a384
- RGB
- rgb(199 163 132)
- HSL
- hsl(28 37% 65%)
- HWB
- hwb(28 52% 22%)
- OKLCH
- oklch(0.74 0.06 62.4)
- OKLab
- oklab(0.74 0.028 0.053)
- CIE Lab
- lab(69.73 10.44 21.41)
- LCH
- lch(69.73 23.81 64)
- CMYK
- cmyk(0% 18% 34% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CDAC90
- D2B59C
- D8BEA8
- DEC7B4
- E3D0C1
- E9DACD
- EEE3D9
- F4ECE6
- FAF6F2
درجات داكنة
- AD8D72
- 937860
- 7A634F
- 624F3F
- 4C3C2F
- 362A20
- 211912
- 0E0A06
- 020101
درجات رمادية
- C0A084
- B99C84
- B19983
- AA9583
- A39283
- 9C8E82
- 958B82
- 8E8781
- 878481
تناسق الألوان
متمم +180°
- C7A384
Rodeo Dust
- 8AB0CE
≈ Windy Day
متجاور -30° +30°
- C7A384
Rodeo Dust
- CE9E93
≈ Soft Sienna
- B8AA7F
≈ Fresh Brew
ثلاثي +120° +240°
- C7A384
Rodeo Dust
- 80B8AE
≈ Winter Surf
- B2A2CB
≈ Berry Frappé
متمم منقسم +150° +210°
- C7A384
Rodeo Dust
- 7EB5C1
≈ Culinary Blue
- 9EA9D2
≈ Tinted Lilac
رباعي +90° +180° +270°
- C7A384
Rodeo Dust
- 8FB699
≈ Summer Green
- 8AB0CE
≈ Windy Day
- C29DBC
≈ Lupine
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.33:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 9.00:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rodeo-dust: #c7a384;
--rodeo-dust-rgb: 199 163 132;
--rodeo-dust-oklch: oklch(0.74 0.06 62.4);
}
.element {
color: var(--rodeo-dust);
background-color: hsl(28 37% 65%);
border-color: oklch(0.74 0.06 62.4);
}Tailwind CSS v4
@theme {
--color-rodeo-dust: #c7a384;
--color-rodeo-dust-50: #fff2e4;
--color-rodeo-dust-100: #f7e4d4;
--color-rodeo-dust-200: #e7cfba;
--color-rodeo-dust-300: #ceb298;
--color-rodeo-dust-400: #b9977a;
--color-rodeo-dust-500: #a37e5c;
--color-rodeo-dust-600: #8a6a4f;
--color-rodeo-dust-700: #6f553f;
--color-rodeo-dust-800: #523e2d;
--color-rodeo-dust-900: #392a1e;
--color-rodeo-dust-950: #23180e;
}SCSS
$rodeo-dust: #c7a384;
$rodeo-dust-rgb: 199, 163, 132;
$rodeo-dust-light: mix(#fff, $rodeo-dust, 20%);
$rodeo-dust-dark: mix(#000, $rodeo-dust, 20%);
.element {
color: $rodeo-dust;
box-shadow: 0 0 0 2px rgba($rodeo-dust, 0.35);
}