Colore con nome · #C46943
Aztec Copper
Aztec Copper è #C46943: rgb(196 105 67), hsl(18 52% 52%), oklch(0.618 0.127 42.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Aztec Copper color name →
#C46943
oklch(0.618 0.127 42.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CB7856
- D28769
- D9967C
- DFA58E
- E5B4A0
- EBC3B3
- F0D2C6
- F6E1D9
- FAF0EC
Ombre
- AA5A39
- 914C2F
- 783E26
- 61311D
- 4A2414
- 35180C
- 210C05
- 0E0401
- 020000
Toni
- BE6C4B
- B86F52
- B17258
- AB745E
- A47765
- 9D796A
- 967B70
- 8F7D75
- 887E7B
Armonie di colore
Complementare +180°
- C46943
Aztec Copper
- 0094B7
≈ Bondi Blue
Analogo -30° +30°
- C46943
Aztec Copper
- C66270
≈ Triple Berry
- B47712
≈ Sweet Mulled Cider
Triadico +120° +240°
- C46943
Aztec Copper
- 1C9D6F
≈ Jitterbug Jade
- 7B7ACF
≈ Kickstart Purple
Complementare divisa +150° +210°
- C46943
Aztec Copper
- 009997
≈ Regula Barbara Blue
- 4888D0
≈ Blue Sonki
Tetradico +90° +180° +270°
- C46943
Aztec Copper
- 67953F
≈ Bitter Leaf
- 0094B7
≈ Bondi Blue
- A06DBC
≈ Viola
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.85:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.44:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
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);
}