Nazwany kolor · #AA6A44
Auric Copper
Auric Copper to #AA6A44: rgb(170 106 68), hsl(22 43% 47%), oklch(0.586 0.098 50.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Auric Copper color name →
#AA6A44
oklch(0.586 0.098 50.6)
Konwersje koloru
- HEX
- #aa6a44
- RGB
- rgb(170 106 68)
- HSL
- hsl(22 43% 47%)
- HWB
- hwb(22 27% 33%)
- OKLCH
- oklch(0.586 0.098 50.6)
- OKLab
- oklab(0.586 0.062 0.075)
- CIE Lab
- lab(51.41 23.54 32.35)
- LCH
- lch(51.41 40 54)
- CMYK
- cmyk(0% 38% 60% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B37957
- BC8769
- C5967B
- CEA48D
- D6B3A0
- DFC2B2
- E7D1C5
- EFE0D8
- F7F0EC
Odcienie ciemniejsze
- 935B3A
- 7D4D30
- 683F26
- 53311D
- 3F2414
- 2D180C
- 1B0D05
- 0B0402
- 010000
Tony
- A66D4B
- A26F52
- 9F7258
- 9B745E
- 977664
- 92786A
- 8E7A70
- 897C75
- 857E7B
Harmonie kolorów
Komplementarna +180°
- AA6A44
Auric Copper
- 3186AB
≈ Blue Splash
Analogowa -30° +30°
- AA6A44
Auric Copper
- AF6363
≈ Sienna Red
- 9A7530
≈ Persian Gold
Triada +120° +240°
- AA6A44
Auric Copper
- 308F74
≈ Illuminating Emerald
- 7C71B2
≈ Plum Preserve
Komplementarna rozszczepiona +150° +210°
- AA6A44
Auric Copper
- 0C8D93
≈ Tempo Teal
- 5A7CB6
≈ Woad Blue
Tetrada +90° +180° +270°
- AA6A44
Auric Copper
- 5B8A52
≈ Topiary Sculpture
- 3186AB
≈ Blue Splash
- 9668A0
≈ Figue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.32:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.85:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--auric-copper: #aa6a44;
--auric-copper-rgb: 170 106 68;
--auric-copper-oklch: oklch(0.586 0.098 50.6);
}
.element {
color: var(--auric-copper);
background-color: hsl(22 43% 47%);
border-color: oklch(0.586 0.098 50.6);
}Tailwind CSS v4
@theme {
--color-auric-copper: #aa6a44;
--color-auric-copper-50: #ffeedc;
--color-auric-copper-100: #ffe0ca;
--color-auric-copper-200: #f7c9ae;
--color-auric-copper-300: #e0aa89;
--color-auric-copper-400: #cd8d69;
--color-auric-copper-500: #b97247;
--color-auric-copper-600: #9d613d;
--color-auric-copper-700: #7e4d30;
--color-auric-copper-800: #5e3723;
--color-auric-copper-900: #422617;
--color-auric-copper-950: #2a1408;
}SCSS
$auric-copper: #aa6a44;
$auric-copper-rgb: 170, 106, 68;
$auric-copper-light: mix(#fff, $auric-copper, 20%);
$auric-copper-dark: mix(#000, $auric-copper, 20%);
.element {
color: $auric-copper;
box-shadow: 0 0 0 2px rgba($auric-copper, 0.35);
}