Benannte Farbe · #768371
Lottery Winnings
Lottery Winnings ist #768371: rgb(118 131 113), hsl(103 7% 48%), oklch(0.594 0.031 137). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lottery Winnings color name →
#768371
oklch(0.594 0.031 137)
Farbumrechnungen
- HEX
- #768371
- RGB
- rgb(118 131 113)
- HSL
- hsl(103 7% 48%)
- HWB
- hwb(103 44% 49%)
- OKLCH
- oklch(0.594 0.031 137)
- OKLab
- oklab(0.594 -0.023 0.021)
- CIE Lab
- lab(53.28 -7.65 8.07)
- LCH
- lch(53.28 11.12 133.4)
- CMYK
- cmyk(10% 0% 14% 49%)
Tints · Shades · Tones
Tints
- 838F7E
- 909B8C
- 9DA799
- ABB3A7
- B8BFB6
- C6CCC4
- D4D8D2
- E2E5E1
- F1F2F0
Shades
- 667161
- 566052
- 474F43
- 383F35
- 292F27
- 1C201A
- 0F120E
- 050604
- 010101
Tones
- 778373
- 788274
- 798276
- 7A8277
- 7B8279
- 7C817A
- 7D817C
- 7E817D
- 7F807F
Farbharmonien
Komplementär +180°
- 768371
Lottery Winnings
- 86798B
≈ High Note
Analog -30° +30°
- 768371
Lottery Winnings
- 80806B
≈ Ivy Garden
- 6D857A
≈ Blueridge Fir
Triadisch +120° +240°
- 768371
Lottery Winnings
- 737F91
≈ Chain Gang Grey
- 907778
≈ Bazaar
Geteilt komplementär +150° +210°
- 768371
Lottery Winnings
- 7D7C90
≈ Waterloo
- 8D7782
≈ Purple Rubiate
Tetradisch +90° +180° +270°
- 768371
Lottery Winnings
- 6C838D
≈ Indigo Mouse
- 86798B
≈ High Note
- 8F796F
≈ Miami Spice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.99:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.25:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.25:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--lottery-winnings: #768371;
--lottery-winnings-rgb: 118 131 113;
--lottery-winnings-oklch: oklch(0.594 0.031 137);
}
.element {
color: var(--lottery-winnings);
background-color: hsl(103 7% 48%);
border-color: oklch(0.594 0.031 137);
}Tailwind CSS v4
@theme {
--color-lottery-winnings: #768371;
--color-lottery-winnings-50: #f1f7ef;
--color-lottery-winnings-100: #e3ebe1;
--color-lottery-winnings-200: #ced8cb;
--color-lottery-winnings-300: #b0bbac;
--color-lottery-winnings-400: #96a391;
--color-lottery-winnings-500: #7d8b77;
--color-lottery-winnings-600: #6a7665;
--color-lottery-winnings-700: #545e51;
--color-lottery-winnings-800: #3e453a;
--color-lottery-winnings-900: #2b3028;
--color-lottery-winnings-950: #181c16;
}SCSS
$lottery-winnings: #768371;
$lottery-winnings-rgb: 118, 131, 113;
$lottery-winnings-light: mix(#fff, $lottery-winnings, 20%);
$lottery-winnings-dark: mix(#000, $lottery-winnings, 20%);
.element {
color: $lottery-winnings;
box-shadow: 0 0 0 2px rgba($lottery-winnings, 0.35);
}