Nazwany kolor · #AE9769
Gold Canyon
Gold Canyon to #AE9769: rgb(174 151 105), hsl(40 30% 55%), oklch(0.686 0.068 84.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gold Canyon color name →
#AE9769
oklch(0.686 0.068 84.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6A178
- BEAB87
- C6B595
- CEC0A4
- D6CAB3
- DED5C2
- E6DFD1
- EEEAE0
- F7F4F0
Odcienie ciemniejsze
- 97835A
- 806F4C
- 6A5C3E
- 554931
- 413724
- 2E2618
- 1C170C
- 0B0804
- 010100
Tony
- A9956C
- A5936F
- A09071
- 9B8E74
- 978C76
- 928978
- 8E877A
- 89857C
- 85827E
Harmonie kolorów
Komplementarna +180°
- AE9769
Gold Canyon
- 859AC5
≈ Bel Air Blue
Analogowa -30° +30°
- AE9769
Gold Canyon
- BC8F72
≈ Presidio Plaza
- 999F6E
≈ Domain
Triada +120° +240°
- AE9769
Gold Canyon
- 65A7AE
≈ Blue Mercury
- B08CB2
≈ Metal Petal
Komplementarna rozszczepiona +150° +210°
- AE9769
Gold Canyon
- 6FA2BE
≈ Air Blue
- 9C92C1
≈ Vision Quest
Tetrada +90° +180° +270°
- AE9769
Gold Canyon
- 6CA897
≈ Calmness
- 859AC5
≈ Bel Air Blue
- BD899D
≈ Mauvey Nude
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.82:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.43:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.43:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
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);
}