Colore con nome · #A4763C
Gallant Gold
Gallant Gold è #A4763C: rgb(164 118 60), hsl(33 46% 44%), oklch(0.6 0.095 70.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gallant Gold color name →
#A4763C
oklch(0.6 0.095 70.6)
Conversioni di colore
- HEX
- #a4763c
- RGB
- rgb(164 118 60)
- HSL
- hsl(33 46% 44%)
- HWB
- hwb(33 24% 36%)
- OKLCH
- oklch(0.6 0.095 70.6)
- OKLab
- oklab(0.6 0.031 0.089)
- CIE Lab
- lab(53.52 14.06 38.75)
- LCH
- lch(53.52 41.22 70.1)
- CMYK
- cmyk(0% 28% 63% 36%)
Tinte · Ombre · Toni
Tinte
- AD8351
- B69164
- C09E77
- C9AC8A
- D2B99D
- DBC7B1
- E4D5C4
- EDE3D7
- F6F1EB
Ombre
- 8E6633
- 79562A
- 644721
- 503819
- 3D2911
- 2B1C0A
- 1A0F04
- 0A0501
- 010100
Toni
- A17745
- 9D794D
- 9A7A54
- 967B5B
- 937C62
- 8F7D68
- 8B7E6E
- 887F74
- 847F7A
Armonie di colore
Complementare +180°
- A4763C
Gallant Gold
- 5384B7
≈ Hideout
Analogo -30° +30°
- A4763C
Gallant Gold
- B06C54
≈ Santa Fe
- 8D8239
≈ Apeland
Triadico +120° +240°
- A4763C
Gallant Gold
- 24928D
≈ Supermint
- 9270AA
≈ Ce Soir
Complementare divisa +150° +210°
- A4763C
Gallant Gold
- 2E8DA8
≈ Mediterranean Sea
- 7679B8
≈ Astro Zinger
Tetradico +90° +180° +270°
- A4763C
Gallant Gold
- 46926D
≈ Illuminati Green
- 5384B7
≈ Hideout
- A66991
≈ Mauve Memento
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.01:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.23:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--gallant-gold: #a4763c;
--gallant-gold-rgb: 164 118 60;
--gallant-gold-oklch: oklch(0.6 0.095 70.6);
}
.element {
color: var(--gallant-gold);
background-color: hsl(33 46% 44%);
border-color: oklch(0.6 0.095 70.6);
}Tailwind CSS v4
@theme {
--color-gallant-gold: #a4763c;
--color-gallant-gold-50: #fff2d8;
--color-gallant-gold-100: #fce4c6;
--color-gallant-gold-200: #eecfa8;
--color-gallant-gold-300: #d6b081;
--color-gallant-gold-400: #c2955e;
--color-gallant-gold-500: #ae7a39;
--color-gallant-gold-600: #936831;
--color-gallant-gold-700: #765327;
--color-gallant-gold-800: #583c1b;
--color-gallant-gold-900: #3d2912;
--color-gallant-gold-950: #271704;
}SCSS
$gallant-gold: #a4763c;
$gallant-gold-rgb: 164, 118, 60;
$gallant-gold-light: mix(#fff, $gallant-gold, 20%);
$gallant-gold-dark: mix(#000, $gallant-gold, 20%);
.element {
color: $gallant-gold;
box-shadow: 0 0 0 2px rgba($gallant-gold, 0.35);
}