Colore con nome · #B1975F
Edgy Gold
Edgy Gold è #B1975F: rgb(177 151 95), hsl(41 34% 53%), oklch(0.687 0.08 85.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Edgy Gold color name →
#B1975F
oklch(0.687 0.08 85.5)
Conversioni di colore
- HEX
- #b1975f
- RGB
- rgb(177 151 95)
- HSL
- hsl(41 34% 53%)
- HWB
- hwb(41 37% 31%)
- OKLCH
- oklch(0.687 0.08 85.5)
- OKLab
- oklab(0.687 0.006 0.08)
- CIE Lab
- lab(63.89 4.44 33.18)
- LCH
- lch(63.89 33.47 82.4)
- CMYK
- cmyk(0% 15% 46% 31%)
Tinte · Ombre · Toni
Tinte
- B9A16F
- C0AB7F
- C8B68F
- D0C09F
- D8CAAF
- DFD5BE
- E7DFCE
- EFEADF
- F7F4EF
Ombre
- 998352
- 836F44
- 6C5C38
- 57492C
- 423720
- 2F2615
- 1C170A
- 0C0803
- 010100
Toni
- AC9563
- A79367
- A2906B
- 9D8E6E
- 988C72
- 938A75
- 8F8778
- 8A857B
- 85827D
Armonie di colore
Complementare +180°
- B1975F
Edgy Gold
- 839ACD
≈ Purple Gentian
Analogo -30° +30°
- B1975F
Edgy Gold
- C18D6A
≈ Hitching Post
- 98A166
≈ Banana Palm
Triadico +120° +240°
- B1975F
Edgy Gold
- 58A9B2
≈ Gone Fishing
- B489B6
≈ Violet Whimsy
Complementare divisa +150° +210°
- B1975F
Edgy Gold
- 67A3C5
≈ Scott Base
- 9E91C7
≈ Violet Tulip
Tetradico +90° +180° +270°
- B1975F
Edgy Gold
- 60AB98
≈ Calmness
- 839ACD
≈ Purple Gentian
- C3869C
≈ Winsome Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.81:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.46:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.46:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--edgy-gold: #b1975f;
--edgy-gold-rgb: 177 151 95;
--edgy-gold-oklch: oklch(0.687 0.08 85.5);
}
.element {
color: var(--edgy-gold);
background-color: hsl(41 34% 53%);
border-color: oklch(0.687 0.08 85.5);
}Tailwind CSS v4
@theme {
--color-edgy-gold: #b1975f;
--color-edgy-gold-50: #fff4dc;
--color-edgy-gold-100: #f3e7ca;
--color-edgy-gold-200: #e3d3ae;
--color-edgy-gold-300: #c9b588;
--color-edgy-gold-400: #b49b66;
--color-edgy-gold-500: #9e8244;
--color-edgy-gold-600: #866e3a;
--color-edgy-gold-700: #6b582e;
--color-edgy-gold-800: #504020;
--color-edgy-gold-900: #372c15;
--color-edgy-gold-950: #221907;
}SCSS
$edgy-gold: #b1975f;
$edgy-gold-rgb: 177, 151, 95;
$edgy-gold-light: mix(#fff, $edgy-gold, 20%);
$edgy-gold-dark: mix(#000, $edgy-gold, 20%);
.element {
color: $edgy-gold;
box-shadow: 0 0 0 2px rgba($edgy-gold, 0.35);
}