Nazwany kolor · #AA6D28
Inca Gold
Inca Gold to #AA6D28: rgb(170 109 40), hsl(32 62% 41%), oklch(0.588 0.113 65.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Inca Gold color name →
#AA6D28
oklch(0.588 0.113 65.1)
Konwersje koloru
- HEX
- #aa6d28
- RGB
- rgb(170 109 40)
- HSL
- hsl(32 62% 41%)
- HWB
- hwb(32 16% 33%)
- OKLCH
- oklch(0.588 0.113 65.1)
- OKLab
- oklab(0.588 0.047 0.103)
- CIE Lab
- lab(51.88 20.72 46.89)
- LCH
- lch(51.88 51.26 66.2)
- CMYK
- cmyk(0% 36% 76% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B37B41
- BC8A58
- C5986D
- CDA782
- D6B596
- DEC4AB
- E7D2C0
- EFE1D5
- F7F0EA
Odcienie ciemniejsze
- 935E21
- 7D4F1B
- 684115
- 53330F
- 3F2609
- 2D1904
- 1B0D02
- 0B0401
- 010100
Tony
- A66F35
- A27240
- 9E7449
- 9A7652
- 96785B
- 927A63
- 8E7B6A
- 897D72
- 857F79
Harmonie kolorów
Komplementarna +180°
- AA6D28
Inca Gold
- 3A82BB
≈ King Triton
Analogowa -30° +30°
- AA6D28
Inca Gold
- B5624D
≈ Bruschetta
- 927B19
≈ Moscow Papyrus
Triada +120° +240°
- AA6D28
Inca Gold
- 009085
≈ Emerald Coast
- 8D6AB2
≈ Knight Elf
Komplementarna rozszczepiona +150° +210°
- AA6D28
Inca Gold
- 008CA3
≈ Parrot Flight
- 6A76BF
≈ Flood
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.26:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.92:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.92:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--inca-gold: #aa6d28;
--inca-gold-rgb: 170 109 40;
--inca-gold-oklch: oklch(0.588 0.113 65.1);
}
.element {
color: var(--inca-gold);
background-color: hsl(32 62% 41%);
border-color: oklch(0.588 0.113 65.1);
}Tailwind CSS v4
@theme {
--color-inca-gold: #aa6d28;
--color-inca-gold-50: #fff0d4;
--color-inca-gold-100: #ffe1c0;
--color-inca-gold-200: #f6cca1;
--color-inca-gold-300: #dfac78;
--color-inca-gold-400: #cc9052;
--color-inca-gold-500: #b97425;
--color-inca-gold-600: #9c6322;
--color-inca-gold-700: #7d4f1b;
--color-inca-gold-800: #5d3912;
--color-inca-gold-900: #41270b;
--color-inca-gold-950: #2a1501;
}SCSS
$inca-gold: #aa6d28;
$inca-gold-rgb: 170, 109, 40;
$inca-gold-light: mix(#fff, $inca-gold, 20%);
$inca-gold-dark: mix(#000, $inca-gold, 20%);
.element {
color: $inca-gold;
box-shadow: 0 0 0 2px rgba($inca-gold, 0.35);
}