Warna bernama · #A58258
Rookwood Antique Gold
Rookwood Antique Gold adalah #A58258: rgb(165 130 88), hsl(33 30% 50%), oklch(0.63 0.072 71). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Rookwood Antique Gold color name →
#A58258
oklch(0.63 0.072 71)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- AE8E68
- B79A79
- C0A689
- C9B399
- D2BFAA
- DBCCBB
- E4D8CB
- EDE5DC
- F6F2EE
Shade
- 8F704B
- 795F3F
- 654E33
- 513E28
- 3D2F1D
- 2B2012
- 1A1209
- 0A0603
- 010100
Tone
- A1825D
- 9E8261
- 9A8265
- 968269
- 93816D
- 8F8171
- 8B8175
- 888179
- 84807C
Harmoni warna
Komplementer +180°
- A58258
Rookwood Antique Gold
- 688DB4
≈ Genteel Blue
Analog -30° +30°
- A58258
Rookwood Antique Gold
- AF7B67
≈ Tawny Birch
- 928B57
≈ Cornus Green
Triadik +120° +240°
- A58258
Rookwood Antique Gold
- 509794
≈ Peaceful Pond
- 977DAA
≈ Elite Wisteria
Split-komplementer +150° +210°
- A58258
Rookwood Antique Gold
- 5493A8
≈ Manitou Blue
- 8184B4
≈ Aster Purple
Tetradik +90° +180° +270°
- A58258
Rookwood Antique Gold
- 61977B
≈ Club Moss
- 688DB4
≈ Genteel Blue
- A87896
≈ Wonder Wish
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.53:1 · APCA Lc 63
Ag
AADi atas hitam
WCAG 5.93:1 · APCA Lc 39
Warna teks terbaik: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Cuplikan kode
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);
}