Colore con nome · #A99058
Golden Griffon
Golden Griffon è #A99058: rgb(169 144 88), hsl(41 32% 50%), oklch(0.663 0.08 86.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Griffon color name →
#A99058
oklch(0.663 0.08 86.2)
Conversioni di colore
- HEX
- #a99058
- RGB
- rgb(169 144 88)
- HSL
- hsl(41 32% 50%)
- HWB
- hwb(41 35% 34%)
- OKLCH
- oklch(0.663 0.08 86.2)
- OKLab
- oklab(0.663 0.005 0.08)
- CIE Lab
- lab(61.14 4.15 33.28)
- LCH
- lch(61.14 33.54 82.9)
- CMYK
- cmyk(0% 15% 48% 34%)
Tinte · Ombre · Toni
Tinte
- B19B69
- BAA679
- C2B18A
- CBBC9A
- D3C7AB
- DCD2BB
- E5DDCC
- EDE8DD
- F6F4EE
Ombre
- 927D4B
- 7C6A3F
- 675733
- 534528
- 3F341D
- 2C2412
- 1B1509
- 0A0703
- 010100
Toni
- A58F5D
- A18D62
- 9D8C66
- 998A6A
- 94886E
- 908772
- 8C8576
- 888379
- 84827D
Armonie di colore
Complementare +180°
- A99058
Golden Griffon
- 7C92C5
≈ Steel Blue Eyes
Analogo -30° +30°
- A99058
Golden Griffon
- B98762
≈ Suede
- 909A60
≈ Reptilian Leader
Triadico +120° +240°
- A99058
Golden Griffon
- 50A1AB
≈ Basilica Blue
- AD82AE
≈ Stage Mauve
Complementare divisa +150° +210°
- A99058
Golden Griffon
- 619BBE
≈ Shakespeare
- 9789BF
≈ Magic Carpet
Tetradico +90° +180° +270°
- A99058
Golden Griffon
- 59A491
≈ Polished Pine
- 7C92C5
≈ Steel Blue Eyes
- BB7F95
≈ Polignac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.08:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.81:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.81:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-griffon: #a99058;
--golden-griffon-rgb: 169 144 88;
--golden-griffon-oklch: oklch(0.663 0.08 86.2);
}
.element {
color: var(--golden-griffon);
background-color: hsl(41 32% 50%);
border-color: oklch(0.663 0.08 86.2);
}Tailwind CSS v4
@theme {
--color-golden-griffon: #a99058;
--color-golden-griffon-50: #fff4dc;
--color-golden-griffon-100: #f3e7ca;
--color-golden-griffon-200: #e2d3ae;
--color-golden-griffon-300: #c8b688;
--color-golden-griffon-400: #b39b66;
--color-golden-griffon-500: #9e8244;
--color-golden-griffon-600: #856e3a;
--color-golden-griffon-700: #6b582e;
--color-golden-griffon-800: #4f4020;
--color-golden-griffon-900: #372c15;
--color-golden-griffon-950: #221907;
}SCSS
$golden-griffon: #a99058;
$golden-griffon-rgb: 169, 144, 88;
$golden-griffon-light: mix(#fff, $golden-griffon, 20%);
$golden-griffon-dark: mix(#000, $golden-griffon, 20%);
.element {
color: $golden-griffon;
box-shadow: 0 0 0 2px rgba($golden-griffon, 0.35);
}