Warna bernama · #C7A384
Rodeo Dust
Rodeo Dust adalah #C7A384: rgb(199 163 132), hsl(28 37% 65%), oklch(0.74 0.06 62.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Rodeo Dust color name →
#C7A384
oklch(0.74 0.06 62.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- CDAC90
- D2B59C
- D8BEA8
- DEC7B4
- E3D0C1
- E9DACD
- EEE3D9
- F4ECE6
- FAF6F2
Shade
- AD8D72
- 937860
- 7A634F
- 624F3F
- 4C3C2F
- 362A20
- 211912
- 0E0A06
- 020101
Tone
- C0A084
- B99C84
- B19983
- AA9583
- A39283
- 9C8E82
- 958B82
- 8E8781
- 878481
Harmoni warna
Komplementer +180°
- C7A384
Rodeo Dust
- 8AB0CE
≈ Windy Day
Analog -30° +30°
- C7A384
Rodeo Dust
- CE9E93
≈ Soft Sienna
- B8AA7F
≈ Fresh Brew
Triadik +120° +240°
- C7A384
Rodeo Dust
- 80B8AE
≈ Winter Surf
- B2A2CB
≈ Berry Frappé
Split-komplementer +150° +210°
- C7A384
Rodeo Dust
- 7EB5C1
≈ Culinary Blue
- 9EA9D2
≈ Tinted Lilac
Tetradik +90° +180° +270°
- C7A384
Rodeo Dust
- 8FB699
≈ Summer Green
- 8AB0CE
≈ Windy Day
- C29DBC
≈ Lupine
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.33:1 · APCA Lc 46
Ag
AAADi atas hitam
WCAG 9.00:1 · APCA Lc 56
Warna teks terbaik: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Cuplikan kode
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);
}