Nazwany kolor · #A38154
Lavish Gold
Lavish Gold to #A38154: rgb(163 129 84), hsl(34 32% 48%), oklch(0.625 0.074 73.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Lavish Gold color name →
#A38154
oklch(0.625 0.074 73.6)
Konwersje koloru
- HEX
- #a38154
- RGB
- rgb(163 129 84)
- HSL
- hsl(34 32% 48%)
- HWB
- hwb(34 33% 36%)
- OKLCH
- oklch(0.625 0.074 73.6)
- OKLab
- oklab(0.625 0.021 0.071)
- CIE Lab
- lab(56.51 9.2 29.56)
- LCH
- lch(56.51 30.96 72.7)
- CMYK
- cmyk(0% 21% 48% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AC8D65
- B59976
- BEA686
- C8B297
- D1BFA8
- DACBB9
- E3D8CA
- ECE5DC
- F6F2ED
Odcienie ciemniejsze
- 8D6F48
- 785E3C
- 634E31
- 4F3E26
- 3C2E1B
- 2A1F11
- 191208
- 0A0602
- 010100
Tony
- A08159
- 9C815E
- 998163
- 958167
- 92816C
- 8E8170
- 8B8174
- 878078
- 84807C
Harmonie kolorów
Komplementarna +180°
- A38154
Lavish Gold
- 688AB4
≈ Blue Dazzle
Analogowa -30° +30°
- A38154
Lavish Gold
- AE7963
≈ Tawny Birch
- 8F8A54
≈ Green Olive
Triada +120° +240°
- A38154
Lavish Gold
- 4C9694
≈ Mirage Lake
- 987BA8
≈ Pishposh
Komplementarna rozszczepiona +150° +210°
- A38154
Lavish Gold
- 5292A9
≈ Jet Ski
- 8182B4
≈ Murex
Tetrada +90° +180° +270°
- A38154
Lavish Gold
- 5B967B
≈ Deep Grass Green
- 688AB4
≈ Blue Dazzle
- A87693
≈ Poise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.60:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.82:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--lavish-gold: #a38154;
--lavish-gold-rgb: 163 129 84;
--lavish-gold-oklch: oklch(0.625 0.074 73.6);
}
.element {
color: var(--lavish-gold);
background-color: hsl(34 32% 48%);
border-color: oklch(0.625 0.074 73.6);
}Tailwind CSS v4
@theme {
--color-lavish-gold: #a38154;
--color-lavish-gold-50: #fff3de;
--color-lavish-gold-100: #f7e5cd;
--color-lavish-gold-200: #e7d1b2;
--color-lavish-gold-300: #ceb38d;
--color-lavish-gold-400: #b9986d;
--color-lavish-gold-500: #a47f4c;
--color-lavish-gold-600: #8b6b41;
--color-lavish-gold-700: #6f5634;
--color-lavish-gold-800: #533e25;
--color-lavish-gold-900: #3a2b18;
--color-lavish-gold-950: #241809;
}SCSS
$lavish-gold: #a38154;
$lavish-gold-rgb: 163, 129, 84;
$lavish-gold-light: mix(#fff, $lavish-gold, 20%);
$lavish-gold-dark: mix(#000, $lavish-gold, 20%);
.element {
color: $lavish-gold;
box-shadow: 0 0 0 2px rgba($lavish-gold, 0.35);
}