이름 색상 · #AE9769
Gold Canyon
Gold Canyon은(는) #AE9769: rgb(174 151 105), hsl(40 30% 55%), oklch(0.686 0.068 84.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gold Canyon color name →
#AE9769
oklch(0.686 0.068 84.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B6A178
- BEAB87
- C6B595
- CEC0A4
- D6CAB3
- DED5C2
- E6DFD1
- EEEAE0
- F7F4F0
셰이드
- 97835A
- 806F4C
- 6A5C3E
- 554931
- 413724
- 2E2618
- 1C170C
- 0B0804
- 010100
톤
- A9956C
- A5936F
- A09071
- 9B8E74
- 978C76
- 928978
- 8E877A
- 89857C
- 85827E
색 조화
보색 +180°
- AE9769
Gold Canyon
- 859AC5
≈ Bel Air Blue
유사색 -30° +30°
- AE9769
Gold Canyon
- BC8F72
≈ Presidio Plaza
- 999F6E
≈ Domain
삼각 배색 +120° +240°
- AE9769
Gold Canyon
- 65A7AE
≈ Blue Mercury
- B08CB2
≈ Metal Petal
분열 보색 +150° +210°
- AE9769
Gold Canyon
- 6FA2BE
≈ Air Blue
- 9C92C1
≈ Vision Quest
사각 배색 +90° +180° +270°
- AE9769
Gold Canyon
- 6CA897
≈ Calmness
- 859AC5
≈ Bel Air Blue
- BD899D
≈ Mauvey Nude
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.82:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.43:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.43:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
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);
}