Colore con nome · #A68E6D
Rodeo Roundup
Rodeo Roundup è #A68E6D: rgb(166 142 109), hsl(35 24% 54%), oklch(0.66 0.054 75.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rodeo Roundup color name →
#A68E6D
oklch(0.66 0.054 75.4)
Conversioni di colore
- HEX
- #a68e6d
- RGB
- rgb(166 142 109)
- HSL
- hsl(35 24% 54%)
- HWB
- hwb(35 43% 35%)
- OKLCH
- oklch(0.66 0.054 75.4)
- OKLab
- oklab(0.66 0.014 0.053)
- CIE Lab
- lab(60.61 5.69 21.16)
- LCH
- lch(60.61 21.91 75)
- CMYK
- cmyk(0% 14% 34% 35%)
Tinte · Ombre · Toni
Tinte
- AF997B
- B7A489
- C0AF97
- C9BAA6
- D2C5B4
- DBD1C3
- E4DCD2
- EDE8E1
- F6F3F0
Ombre
- 907B5E
- 7A684F
- 655641
- 514433
- 3E3426
- 2B2419
- 1A150D
- 0A0704
- 010101
Toni
- A28D6F
- 9E8B71
- 9B8A73
- 978975
- 938777
- 8F8679
- 8B847B
- 88837D
- 84817E
Armonie di colore
Complementare +180°
- A68E6D
Rodeo Roundup
- 7C94B4
≈ Celestial Horizon
Analogo -30° +30°
- A68E6D
Rodeo Roundup
- AF8877
≈ Caramel Brown
- 97956E
≈ Silk Road
Triadico +120° +240°
- A68E6D
Rodeo Roundup
- 6A9D9D
≈ Palmetto
- 9F88A9
≈ Saffron Blossom Mauve
Complementare divisa +150° +210°
- A68E6D
Rodeo Roundup
- 6E9AAC
≈ Left Bank Blue
- 8E8EB3
≈ Persian Violet
Tetradico +90° +180° +270°
- A68E6D
Rodeo Roundup
- 739D8A
≈ Peahen
- 7C94B4
≈ Celestial Horizon
- AB859A
≈ Capri Fashion Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.71:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.71:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--rodeo-roundup: #a68e6d;
--rodeo-roundup-rgb: 166 142 109;
--rodeo-roundup-oklch: oklch(0.66 0.054 75.4);
}
.element {
color: var(--rodeo-roundup);
background-color: hsl(35 24% 54%);
border-color: oklch(0.66 0.054 75.4);
}Tailwind CSS v4
@theme {
--color-rodeo-roundup: #a68e6d;
--color-rodeo-roundup-50: #fef4e4;
--color-rodeo-roundup-100: #f2e6d4;
--color-rodeo-roundup-200: #e2d2bb;
--color-rodeo-roundup-300: #c7b499;
--color-rodeo-roundup-400: #b29a7b;
--color-rodeo-roundup-500: #9b815d;
--color-rodeo-roundup-600: #836e4f;
--color-rodeo-roundup-700: #69583f;
--color-rodeo-roundup-800: #4e402d;
--color-rodeo-roundup-900: #362c1f;
--color-rodeo-roundup-950: #21190e;
}SCSS
$rodeo-roundup: #a68e6d;
$rodeo-roundup-rgb: 166, 142, 109;
$rodeo-roundup-light: mix(#fff, $rodeo-roundup, 20%);
$rodeo-roundup-dark: mix(#000, $rodeo-roundup, 20%);
.element {
color: $rodeo-roundup;
box-shadow: 0 0 0 2px rgba($rodeo-roundup, 0.35);
}