Colore con nome · #AA8833
Rich Gold
Rich Gold è #AA8833: rgb(170 136 51), hsl(43 54% 43%), oklch(0.643 0.11 86.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Rich Gold color name →
#AA8833
oklch(0.643 0.11 86.7)
Conversioni di colore
- HEX
- #aa8833
- RGB
- rgb(170 136 51)
- HSL
- hsl(43 54% 43%)
- HWB
- hwb(43 20% 33%)
- OKLCH
- oklch(0.643 0.11 86.7)
- OKLab
- oklab(0.643 0.006 0.109)
- CIE Lab
- lab(58.78 6.71 48.77)
- LCH
- lch(58.78 49.23 82.2)
- CMYK
- cmyk(0% 20% 70% 33%)
Tinte · Ombre · Toni
Tinte
- B2944B
- BB9F61
- C3AB75
- CCB789
- D4C39D
- DDCFB0
- E5DBC4
- EEE7D7
- F6F3EB
Ombre
- 93752B
- 7D6323
- 68521C
- 534114
- 3F310D
- 2D2207
- 1B1303
- 0B0601
- 010100
Toni
- A6873F
- A28748
- 9D8651
- 998659
- 958560
- 918467
- 8D836E
- 888274
- 84817A
Armonie di colore
Complementare +180°
- AA8833
Rich Gold
- 6E8AD0
≈ Livid
Analogo -30° +30°
- AA8833
Rich Gold
- BF7B46
≈ Sedona at Sunset
- 899542
≈ Café de Paris
Triadico +120° +240°
- AA8833
Rich Gold
- 049FAE
≈ Breaking Wave
- B074B0
≈ Moonlight Melody
Complementare divisa +150° +210°
- AA8833
Rich Gold
- 4096C7
≈ Stratos Blue
- 947EC8
≈ Faraway Sky
Tetradico +90° +180° +270°
- AA8833
Rich Gold
- 28A28B
≈ Stamp Pad Green
- 6E8AD0
≈ Livid
- C26F8E
≈ Prehistoric Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.34:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.27:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--rich-gold: #aa8833;
--rich-gold-rgb: 170 136 51;
--rich-gold-oklch: oklch(0.643 0.11 86.7);
}
.element {
color: var(--rich-gold);
background-color: hsl(43 54% 43%);
border-color: oklch(0.643 0.11 86.7);
}Tailwind CSS v4
@theme {
--color-rich-gold: #aa8833;
--color-rich-gold-50: #fff4d2;
--color-rich-gold-100: #f7e7bf;
--color-rich-gold-200: #e7d29f;
--color-rich-gold-300: #ceb575;
--color-rich-gold-400: #bb9a4c;
--color-rich-gold-500: #a68017;
--color-rich-gold-600: #8c6d18;
--color-rich-gold-700: #705713;
--color-rich-gold-800: #543f0b;
--color-rich-gold-900: #3a2b07;
--color-rich-gold-950: #241800;
}SCSS
$rich-gold: #aa8833;
$rich-gold-rgb: 170, 136, 51;
$rich-gold-light: mix(#fff, $rich-gold, 20%);
$rich-gold-dark: mix(#000, $rich-gold, 20%);
.element {
color: $rich-gold;
box-shadow: 0 0 0 2px rgba($rich-gold, 0.35);
}