Benannte Farbe · #928C3C
Highball
Highball ist #928C3C: rgb(146 140 60), hsl(56 42% 40%), oklch(0.629 0.102 105). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Highball color name →
#928C3C
oklch(0.629 0.102 105)
Farbumrechnungen
- HEX
- #928c3c
- RGB
- rgb(146 140 60)
- HSL
- hsl(56 42% 40%)
- HWB
- hwb(56 24% 43%)
- OKLCH
- oklch(0.629 0.102 105)
- OKLab
- oklab(0.629 -0.026 0.099)
- CIE Lab
- lab(57.53 -5.6 42.5)
- LCH
- lch(57.53 42.87 97.5)
- CMYK
- cmyk(0% 4% 59% 43%)
Tints · Shades · Tones
Tints
- 9C9751
- A7A265
- B1AE79
- BCB98C
- C7C59F
- D2D0B2
- DDDCC5
- E8E7D8
- F3F3EB
Shades
- 7E7933
- 6B672A
- 585521
- 464319
- 353311
- 25230A
- 161404
- 080701
- 010100
Tones
- 908B45
- 8E8A4E
- 8C8955
- 8A885C
- 898763
- 878569
- 85846F
- 838375
- 82817B
Farbharmonien
Komplementär +180°
- 928C3C
Highball
- 827FC4
≈ Faraway Sky
Analog -30° +30°
- 928C3C
Highball
- AD7F3B
≈ El Dorado
- 6D9756
≈ Drab Green
Triadisch +120° +240°
- 928C3C
Highball
- 3295B7
≈ Enchanted Well
- B56F97
≈ Fuscia Fizz
Geteilt komplementär +150° +210°
- 928C3C
Highball
- 5D8BC5
≈ Danube
- A075B3
≈ Purple Pride
Tetradisch +90° +180° +270°
- 928C3C
Highball
- 1B9C9C
≈ Baltic
- 827FC4
≈ Faraway Sky
- BE6E75
≈ Art House Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.47:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.03:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--highball: #928c3c;
--highball-rgb: 146 140 60;
--highball-oklch: oklch(0.629 0.102 105);
}
.element {
color: var(--highball);
background-color: hsl(56 42% 40%);
border-color: oklch(0.629 0.102 105);
}Tailwind CSS v4
@theme {
--color-highball: #928c3c;
--color-highball-50: #f8f8d6;
--color-highball-100: #ebebc4;
--color-highball-200: #d9d8a5;
--color-highball-300: #bdbb7e;
--color-highball-400: #a7a257;
--color-highball-500: #90892d;
--color-highball-600: #7a7428;
--color-highball-700: #625d20;
--color-highball-800: #494414;
--color-highball-900: #332f0d;
--color-highball-950: #1e1b02;
}SCSS
$highball: #928c3c;
$highball-rgb: 146, 140, 60;
$highball-light: mix(#fff, $highball, 20%);
$highball-dark: mix(#000, $highball, 20%);
.element {
color: $highball;
box-shadow: 0 0 0 2px rgba($highball, 0.35);
}