Colore con nome · #978466
Antique Royal Gold
Antique Royal Gold è #978466: rgb(151 132 102), hsl(37 19% 50%), oklch(0.623 0.049 79). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Antique Royal Gold color name →
#978466
oklch(0.623 0.049 79)
Conversioni di colore
- HEX
- #978466
- RGB
- rgb(151 132 102)
- HSL
- hsl(37 19% 50%)
- HWB
- hwb(37 40% 41%)
- OKLCH
- oklch(0.623 0.049 79)
- OKLab
- oklab(0.623 0.009 0.048)
- CIE Lab
- lab(56.32 4.02 19.05)
- LCH
- lch(56.32 19.47 78.1)
- CMYK
- cmyk(0% 13% 32% 41%)
Tinte · Ombre · Toni
Tinte
- A19075
- AB9C83
- B5A892
- C0B4A1
- CAC0B0
- D4CCC0
- DFD9CF
- EAE5DF
- F4F2EF
Ombre
- 837258
- 6F604A
- 5C4F3C
- 493F2F
- 372F23
- 262017
- 17120C
- 080604
- 010100
Toni
- 958469
- 92836C
- 90836E
- 8E8371
- 8C8274
- 898276
- 878179
- 85817B
- 82807E
Armonie di colore
Complementare +180°
- 978466
Antique Royal Gold
- 7688A5
≈ Faded Denim
Analogo -30° +30°
- 978466
Antique Royal Gold
- A07F6D
≈ Tattered Teddy
- 898A68
≈ Green Savage
Triadico +120° +240°
- 978466
Antique Royal Gold
- 649092
≈ Tranquil Seashore
- 947E9A
≈ Wildflower
Complementare divisa +150° +210°
- 978466
Antique Royal Gold
- 688D9F
≈ Leisure Blue
- 8683A3
≈ Live Jazz
Tetradico +90° +180° +270°
- 978466
Antique Royal Gold
- 6A9182
≈ Pine Ridge
- 7688A5
≈ Faded Denim
- 9E7B8C
≈ Dusky Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.61:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.80:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--antique-royal-gold: #978466;
--antique-royal-gold-rgb: 151 132 102;
--antique-royal-gold-oklch: oklch(0.623 0.049 79);
}
.element {
color: var(--antique-royal-gold);
background-color: hsl(37 19% 50%);
border-color: oklch(0.623 0.049 79);
}Tailwind CSS v4
@theme {
--color-antique-royal-gold: #978466;
--color-antique-royal-gold-50: #fcf4e6;
--color-antique-royal-gold-100: #f0e7d6;
--color-antique-royal-gold-200: #dfd3be;
--color-antique-royal-gold-300: #c4b59c;
--color-antique-royal-gold-400: #ae9c7e;
--color-antique-royal-gold-500: #988362;
--color-antique-royal-gold-600: #806f53;
--color-antique-royal-gold-700: #675942;
--color-antique-royal-gold-800: #4c402f;
--color-antique-royal-gold-900: #352c20;
--color-antique-royal-gold-950: #201910;
}SCSS
$antique-royal-gold: #978466;
$antique-royal-gold-rgb: 151, 132, 102;
$antique-royal-gold-light: mix(#fff, $antique-royal-gold, 20%);
$antique-royal-gold-dark: mix(#000, $antique-royal-gold, 20%);
.element {
color: $antique-royal-gold;
box-shadow: 0 0 0 2px rgba($antique-royal-gold, 0.35);
}