Benannte Farbe · #A99058
Golden Griffon
Golden Griffon ist #A99058: rgb(169 144 88), hsl(41 32% 50%), oklch(0.663 0.08 86.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Griffon color name →
#A99058
oklch(0.663 0.08 86.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B19B69
- BAA679
- C2B18A
- CBBC9A
- D3C7AB
- DCD2BB
- E5DDCC
- EDE8DD
- F6F4EE
Shades
- 927D4B
- 7C6A3F
- 675733
- 534528
- 3F341D
- 2C2412
- 1B1509
- 0A0703
- 010100
Tones
- A58F5D
- A18D62
- 9D8C66
- 998A6A
- 94886E
- 908772
- 8C8576
- 888379
- 84827D
Farbharmonien
Komplementär +180°
- A99058
Golden Griffon
- 7C92C5
≈ Steel Blue Eyes
Analog -30° +30°
- A99058
Golden Griffon
- B98762
≈ Suede
- 909A60
≈ Reptilian Leader
Triadisch +120° +240°
- A99058
Golden Griffon
- 50A1AB
≈ Basilica Blue
- AD82AE
≈ Stage Mauve
Geteilt komplementär +150° +210°
- A99058
Golden Griffon
- 619BBE
≈ Shakespeare
- 9789BF
≈ Magic Carpet
Tetradisch +90° +180° +270°
- A99058
Golden Griffon
- 59A491
≈ Polished Pine
- 7C92C5
≈ Steel Blue Eyes
- BB7F95
≈ Polignac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.08:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.81:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.81:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
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);
}