Benannte Farbe · #968651
Golden Clay
Golden Clay ist #968651: rgb(150 134 81), hsl(46 30% 45%), oklch(0.622 0.074 93.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Golden Clay color name →
#968651
oklch(0.622 0.074 93.2)
Farbumrechnungen
- HEX
- #968651
- RGB
- rgb(150 134 81)
- HSL
- hsl(46 30% 45%)
- HWB
- hwb(46 32% 41%)
- OKLCH
- oklch(0.622 0.074 93.2)
- OKLab
- oklab(0.622 -0.004 0.074)
- CIE Lab
- lab(56.46 0.68 30.76)
- LCH
- lch(56.46 30.76 88.7)
- CMYK
- cmyk(0% 11% 46% 41%)
Tints · Shades · Tones
Tints
- A09262
- AA9D73
- B4A984
- BFB595
- C9C1A7
- D4CDB8
- DEDAC9
- E9E6DB
- F4F2ED
Shades
- 827445
- 6E623A
- 5B512F
- 494024
- 37301A
- 262110
- 161307
- 080602
- 010100
Tones
- 948657
- 92855C
- 8F8461
- 8D8466
- 8B836A
- 89836F
- 878273
- 848178
- 82817C
Farbharmonien
Komplementär +180°
- 968651
Golden Clay
- 7884B4
≈ Corsican Purple
Analog -30° +30°
- 968651
Golden Clay
- A77D57
≈ Butterscotch Mousse
- 7E8E5C
≈ Moss Point Green
Triadisch +120° +240°
- 968651
Golden Clay
- 4C93A2
≈ Teal Trinket
- A2769A
≈ Long Forgotten Purple
Geteilt komplementär +150° +210°
- 968651
Golden Clay
- 5E8CB0
≈ Gunjō Blue
- 907CAC
≈ Trumpeter
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.60:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.82:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--golden-clay: #968651;
--golden-clay-rgb: 150 134 81;
--golden-clay-oklch: oklch(0.622 0.074 93.2);
}
.element {
color: var(--golden-clay);
background-color: hsl(46 30% 45%);
border-color: oklch(0.622 0.074 93.2);
}Tailwind CSS v4
@theme {
--color-golden-clay: #968651;
--color-golden-clay-50: #fbf5de;
--color-golden-clay-100: #efe8cd;
--color-golden-clay-200: #ded5b1;
--color-golden-clay-300: #c3b88c;
--color-golden-clay-400: #ad9e6b;
--color-golden-clay-500: #97854a;
--color-golden-clay-600: #80713f;
--color-golden-clay-700: #665a32;
--color-golden-clay-800: #4c4123;
--color-golden-clay-900: #352d17;
--color-golden-clay-950: #201a08;
}SCSS
$golden-clay: #968651;
$golden-clay-rgb: 150, 134, 81;
$golden-clay-light: mix(#fff, $golden-clay, 20%);
$golden-clay-dark: mix(#000, $golden-clay, 20%);
.element {
color: $golden-clay;
box-shadow: 0 0 0 2px rgba($golden-clay, 0.35);
}