Colore con nome · #AE9769
Gold Canyon
Gold Canyon è #AE9769: rgb(174 151 105), hsl(40 30% 55%), oklch(0.686 0.068 84.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gold Canyon color name →
#AE9769
oklch(0.686 0.068 84.2)
Conversioni di colore
- HEX
- #ae9769
- RGB
- rgb(174 151 105)
- HSL
- hsl(40 30% 55%)
- HWB
- hwb(40 41% 32%)
- OKLCH
- oklch(0.686 0.068 84.2)
- OKLab
- oklab(0.686 0.007 0.068)
- CIE Lab
- lab(63.72 3.97 27.57)
- LCH
- lch(63.72 27.86 81.8)
- CMYK
- cmyk(0% 13% 40% 32%)
Tinte · Ombre · Toni
Tinte
- B6A178
- BEAB87
- C6B595
- CEC0A4
- D6CAB3
- DED5C2
- E6DFD1
- EEEAE0
- F7F4F0
Ombre
- 97835A
- 806F4C
- 6A5C3E
- 554931
- 413724
- 2E2618
- 1C170C
- 0B0804
- 010100
Toni
- A9956C
- A5936F
- A09071
- 9B8E74
- 978C76
- 928978
- 8E877A
- 89857C
- 85827E
Armonie di colore
Complementare +180°
- AE9769
Gold Canyon
- 859AC5
≈ Bel Air Blue
Analogo -30° +30°
- AE9769
Gold Canyon
- BC8F72
≈ Presidio Plaza
- 999F6E
≈ Domain
Triadico +120° +240°
- AE9769
Gold Canyon
- 65A7AE
≈ Blue Mercury
- B08CB2
≈ Metal Petal
Complementare divisa +150° +210°
- AE9769
Gold Canyon
- 6FA2BE
≈ Air Blue
- 9C92C1
≈ Vision Quest
Tetradico +90° +180° +270°
- AE9769
Gold Canyon
- 6CA897
≈ Calmness
- 859AC5
≈ Bel Air Blue
- BD899D
≈ Mauvey Nude
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.82:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.43:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.43:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--gold-canyon: #ae9769;
--gold-canyon-rgb: 174 151 105;
--gold-canyon-oklch: oklch(0.686 0.068 84.2);
}
.element {
color: var(--gold-canyon);
background-color: hsl(40 30% 55%);
border-color: oklch(0.686 0.068 84.2);
}Tailwind CSS v4
@theme {
--color-gold-canyon: #ae9769;
--color-gold-canyon-50: #fef4e0;
--color-gold-canyon-100: #f2e7cf;
--color-gold-canyon-200: #e1d3b4;
--color-gold-canyon-300: #c7b690;
--color-gold-canyon-400: #b19c70;
--color-gold-canyon-500: #9b8350;
--color-gold-canyon-600: #836f44;
--color-gold-canyon-700: #695836;
--color-gold-canyon-800: #4e4026;
--color-gold-canyon-900: #362c1a;
--color-gold-canyon-950: #21190a;
}SCSS
$gold-canyon: #ae9769;
$gold-canyon-rgb: 174, 151, 105;
$gold-canyon-light: mix(#fff, $gold-canyon, 20%);
$gold-canyon-dark: mix(#000, $gold-canyon, 20%);
.element {
color: $gold-canyon;
box-shadow: 0 0 0 2px rgba($gold-canyon, 0.35);
}