이름 색상 · #C46943
Aztec Copper
Aztec Copper은(는) #C46943: rgb(196 105 67), hsl(18 52% 52%), oklch(0.618 0.127 42.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Aztec Copper color name →
#C46943
oklch(0.618 0.127 42.7)
색상 변환
- HEX
- #c46943
- RGB
- rgb(196 105 67)
- HSL
- hsl(18 52% 52%)
- HWB
- hwb(18 26% 23%)
- OKLCH
- oklch(0.618 0.127 42.7)
- OKLab
- oklab(0.618 0.094 0.086)
- CIE Lab
- lab(54.81 34.75 37.93)
- LCH
- lch(54.81 51.44 47.5)
- CMYK
- cmyk(0% 46% 66% 23%)
틴트 · 셰이드 · 톤
틴트
- CB7856
- D28769
- D9967C
- DFA58E
- E5B4A0
- EBC3B3
- F0D2C6
- F6E1D9
- FAF0EC
셰이드
- AA5A39
- 914C2F
- 783E26
- 61311D
- 4A2414
- 35180C
- 210C05
- 0E0401
- 020000
톤
- BE6C4B
- B86F52
- B17258
- AB745E
- A47765
- 9D796A
- 967B70
- 8F7D75
- 887E7B
색 조화
보색 +180°
- C46943
Aztec Copper
- 0094B7
≈ Bondi Blue
유사색 -30° +30°
- C46943
Aztec Copper
- C66270
≈ Triple Berry
- B47712
≈ Sweet Mulled Cider
삼각 배색 +120° +240°
- C46943
Aztec Copper
- 1C9D6F
≈ Jitterbug Jade
- 7B7ACF
≈ Kickstart Purple
분열 보색 +150° +210°
- C46943
Aztec Copper
- 009997
≈ Regula Barbara Blue
- 4888D0
≈ Blue Sonki
사각 배색 +90° +180° +270°
- C46943
Aztec Copper
- 67953F
≈ Bitter Leaf
- 0094B7
≈ Bondi Blue
- A06DBC
≈ Viola
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.85:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.44:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--aztec-copper: #c46943;
--aztec-copper-rgb: 196 105 67;
--aztec-copper-oklch: oklch(0.618 0.127 42.7);
}
.element {
color: var(--aztec-copper);
background-color: hsl(18 52% 52%);
border-color: oklch(0.618 0.127 42.7);
}Tailwind CSS v4
@theme {
--color-aztec-copper: #c46943;
--color-aztec-copper-50: #ffebd8;
--color-aztec-copper-100: #ffdbc6;
--color-aztec-copper-200: #ffc4a8;
--color-aztec-copper-300: #eea281;
--color-aztec-copper-400: #dd8460;
--color-aztec-copper-500: #ca663b;
--color-aztec-copper-600: #ab5633;
--color-aztec-copper-700: #894528;
--color-aztec-copper-800: #66311d;
--color-aztec-copper-900: #482113;
--color-aztec-copper-950: #2f1005;
}SCSS
$aztec-copper: #c46943;
$aztec-copper-rgb: 196, 105, 67;
$aztec-copper-light: mix(#fff, $aztec-copper, 20%);
$aztec-copper-dark: mix(#000, $aztec-copper, 20%);
.element {
color: $aztec-copper;
box-shadow: 0 0 0 2px rgba($aztec-copper, 0.35);
}