Colore con nome · #E8BC6D
Auric Armour Gold
Auric Armour Gold è #E8BC6D: rgb(232 188 109), hsl(39 73% 67%), oklch(0.818 0.11 80.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Auric Armour Gold color name →
#E8BC6D
oklch(0.818 0.11 80.9)
Conversioni di colore
- HEX
- #e8bc6d
- RGB
- rgb(232 188 109)
- HSL
- hsl(39 73% 67%)
- HWB
- hwb(39 43% 9%)
- OKLCH
- oklch(0.818 0.11 80.9)
- OKLab
- oklab(0.818 0.017 0.108)
- CIE Lab
- lab(79 9.5 45.84)
- LCH
- lch(79 46.82 78.3)
- CMYK
- cmyk(0% 19% 53% 9%)
Tinte · Ombre · Toni
Tinte
- EAC37D
- EDCA8C
- EFD09B
- F2D7AA
- F4DEB8
- F6E5C7
- F9EBD5
- FBF2E3
- FDF8F1
Ombre
- CAA35E
- AC8B4F
- 907341
- 745D33
- 594726
- 403219
- 291F0D
- 130D04
- 030201
Toni
- DDB671
- D3B074
- C8AA76
- BDA478
- B39E7A
- A9987C
- 9E927D
- 948C7F
- 8A867F
Armonie di colore
Complementare +180°
- E8BC6D
Auric Armour Gold
- A2C4FF
≈ Pastel Blue
Analogo -30° +30°
- E8BC6D
Auric Armour Gold
- FDAF81
≈ Sassy Peach
- C6CA74
≈ Calamansi Green
Triadico +120° +240°
- E8BC6D
Auric Armour Gold
- 5DD9E0
≈ Neon Nazar
- E4ACEF
≈ Candy Dreams
Complementare divisa +150° +210°
- E8BC6D
Auric Armour Gold
- 72D0FE
≈ Bubbly Barracuda
- C3B9FF
≈ Dried Lilac
Tetradico +90° +180° +270°
- E8BC6D
Auric Armour Gold
- 71DBBA
≈ Beryl
- A2C4FF
≈ Pastel Blue
- FAA6CC
≈ Taffy Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.84:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--auric-armour-gold: #e8bc6d;
--auric-armour-gold-rgb: 232 188 109;
--auric-armour-gold-oklch: oklch(0.818 0.11 80.9);
}
.element {
color: var(--auric-armour-gold);
background-color: hsl(39 73% 67%);
border-color: oklch(0.818 0.11 80.9);
}Tailwind CSS v4
@theme {
--color-auric-armour-gold: #e8bc6d;
--color-auric-armour-gold-50: #fff3d2;
--color-auric-armour-gold-100: #fae5bf;
--color-auric-armour-gold-200: #ebd19f;
--color-auric-armour-gold-300: #d3b375;
--color-auric-armour-gold-400: #c0974d;
--color-auric-armour-gold-500: #ab7d19;
--color-auric-armour-gold-600: #916a19;
--color-auric-armour-gold-700: #745514;
--color-auric-armour-gold-800: #573d0c;
--color-auric-armour-gold-900: #3c2a08;
--color-auric-armour-gold-950: #261700;
}SCSS
$auric-armour-gold: #e8bc6d;
$auric-armour-gold-rgb: 232, 188, 109;
$auric-armour-gold-light: mix(#fff, $auric-armour-gold, 20%);
$auric-armour-gold-dark: mix(#000, $auric-armour-gold, 20%);
.element {
color: $auric-armour-gold;
box-shadow: 0 0 0 2px rgba($auric-armour-gold, 0.35);
}