Colore con nome · #B7813C
Monarch Gold
Monarch Gold è #B7813C: rgb(183 129 60), hsl(34 51% 48%), oklch(0.644 0.108 70.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Monarch Gold color name →
#B7813C
oklch(0.644 0.108 70.3)
Conversioni di colore
- HEX
- #b7813c
- RGB
- rgb(183 129 60)
- HSL
- hsl(34 51% 48%)
- HWB
- hwb(34 24% 28%)
- OKLCH
- oklch(0.644 0.108 70.3)
- OKLab
- oklab(0.644 0.036 0.102)
- CIE Lab
- lab(58.55 16.51 44.98)
- LCH
- lch(58.55 47.91 69.8)
- CMYK
- cmyk(0% 30% 67% 28%)
Tinte · Ombre · Toni
Tinte
- BF8D52
- C69A66
- CDA679
- D5B38C
- DCBF9F
- E3CCB2
- EAD9C5
- F1E5D8
- F8F2EC
Ombre
- 9F6F33
- 875E2A
- 704E21
- 5A3E19
- 452E11
- 311F0A
- 1E1204
- 0C0601
- 020100
Toni
- B28145
- AC814E
- A78255
- A2825D
- 9C8263
- 978169
- 91816F
- 8B8175
- 86807B
Armonie di colore
Complementare +180°
- B7813C
Monarch Gold
- 5892CD
≈ Delphinium Corsage
Analogo -30° +30°
- B7813C
Monarch Gold
- C57659
≈ Spanish Peanut
- 9C8F38
≈ Banana Leaf
Triadico +120° +240°
- B7813C
Monarch Gold
- 13A29C
≈ Ceramic Blue Turquoise
- A27ABE
≈ Wisteria
Complementare divisa +150° +210°
- B7813C
Monarch Gold
- 269CBB
≈ Sailfish
- 8185CE
≈ Twilight Twinkle
Tetradico +90° +180° +270°
- B7813C
Monarch Gold
- 48A277
≈ Tropical Tone
- 5892CD
≈ Delphinium Corsage
- B972A2
≈ Eccentric Magenta
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.37:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.21:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.21:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--monarch-gold: #b7813c;
--monarch-gold-rgb: 183 129 60;
--monarch-gold-oklch: oklch(0.644 0.108 70.3);
}
.element {
color: var(--monarch-gold);
background-color: hsl(34 51% 48%);
border-color: oklch(0.644 0.108 70.3);
}Tailwind CSS v4
@theme {
--color-monarch-gold: #b7813c;
--color-monarch-gold-50: #fff1d4;
--color-monarch-gold-100: #ffe3c1;
--color-monarch-gold-200: #f1cea2;
--color-monarch-gold-300: #daaf79;
--color-monarch-gold-400: #c79353;
--color-monarch-gold-500: #b37826;
--color-monarch-gold-600: #976623;
--color-monarch-gold-700: #79511c;
--color-monarch-gold-800: #5b3b12;
--color-monarch-gold-900: #3f280c;
--color-monarch-gold-950: #281601;
}SCSS
$monarch-gold: #b7813c;
$monarch-gold-rgb: 183, 129, 60;
$monarch-gold-light: mix(#fff, $monarch-gold, 20%);
$monarch-gold-dark: mix(#000, $monarch-gold, 20%);
.element {
color: $monarch-gold;
box-shadow: 0 0 0 2px rgba($monarch-gold, 0.35);
}