Colore con nome · #A58258
Rookwood Antique Gold
Rookwood Antique Gold è #A58258: rgb(165 130 88), hsl(33 30% 50%), oklch(0.63 0.072 71). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rookwood Antique Gold color name →
#A58258
oklch(0.63 0.072 71)
Conversioni di colore
- HEX
- #a58258
- RGB
- rgb(165 130 88)
- HSL
- hsl(33 30% 50%)
- HWB
- hwb(33 35% 35%)
- OKLCH
- oklch(0.63 0.072 71)
- OKLab
- oklab(0.63 0.023 0.068)
- CIE Lab
- lab(57.04 9.83 28.1)
- LCH
- lch(57.04 29.77 70.7)
- CMYK
- cmyk(0% 21% 47% 35%)
Tinte · Ombre · Toni
Tinte
- AE8E68
- B79A79
- C0A689
- C9B399
- D2BFAA
- DBCCBB
- E4D8CB
- EDE5DC
- F6F2EE
Ombre
- 8F704B
- 795F3F
- 654E33
- 513E28
- 3D2F1D
- 2B2012
- 1A1209
- 0A0603
- 010100
Toni
- A1825D
- 9E8261
- 9A8265
- 968269
- 93816D
- 8F8171
- 8B8175
- 888179
- 84807C
Armonie di colore
Complementare +180°
- A58258
Rookwood Antique Gold
- 688DB4
≈ Genteel Blue
Analogo -30° +30°
- A58258
Rookwood Antique Gold
- AF7B67
≈ Tawny Birch
- 928B57
≈ Cornus Green
Triadico +120° +240°
- A58258
Rookwood Antique Gold
- 509794
≈ Peaceful Pond
- 977DAA
≈ Elite Wisteria
Complementare divisa +150° +210°
- A58258
Rookwood Antique Gold
- 5493A8
≈ Manitou Blue
- 8184B4
≈ Aster Purple
Tetradico +90° +180° +270°
- A58258
Rookwood Antique Gold
- 61977B
≈ Club Moss
- 688DB4
≈ Genteel Blue
- A87896
≈ Wonder Wish
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.53:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.93:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--rookwood-antique-gold: #a58258;
--rookwood-antique-gold-rgb: 165 130 88;
--rookwood-antique-gold-oklch: oklch(0.63 0.072 71);
}
.element {
color: var(--rookwood-antique-gold);
background-color: hsl(33 30% 50%);
border-color: oklch(0.63 0.072 71);
}Tailwind CSS v4
@theme {
--color-rookwood-antique-gold: #a58258;
--color-rookwood-antique-gold-50: #fff2df;
--color-rookwood-antique-gold-100: #f7e5ce;
--color-rookwood-antique-gold-200: #e8d0b3;
--color-rookwood-antique-gold-300: #ceb28f;
--color-rookwood-antique-gold-400: #ba986f;
--color-rookwood-antique-gold-500: #a47e4f;
--color-rookwood-antique-gold-600: #8b6b44;
--color-rookwood-antique-gold-700: #6f5536;
--color-rookwood-antique-gold-800: #533e26;
--color-rookwood-antique-gold-900: #3a2b19;
--color-rookwood-antique-gold-950: #24180a;
}SCSS
$rookwood-antique-gold: #a58258;
$rookwood-antique-gold-rgb: 165, 130, 88;
$rookwood-antique-gold-light: mix(#fff, $rookwood-antique-gold, 20%);
$rookwood-antique-gold-dark: mix(#000, $rookwood-antique-gold, 20%);
.element {
color: $rookwood-antique-gold;
box-shadow: 0 0 0 2px rgba($rookwood-antique-gold, 0.35);
}