Benannte Farbe · #316738
Vegas Green
Vegas Green ist #316738: rgb(49 103 56), hsl(128 36% 30%), oklch(0.464 0.094 146.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Vegas Green color name →
#316738
oklch(0.464 0.094 146.6)
Farbumrechnungen
- HEX
- #316738
- RGB
- rgb(49 103 56)
- HSL
- hsl(128 36% 30%)
- HWB
- hwb(128 19% 60%)
- OKLCH
- oklch(0.464 0.094 146.6)
- OKLab
- oklab(0.464 -0.079 0.052)
- CIE Lab
- lab(38.98 -27.13 20.77)
- LCH
- lch(38.98 34.16 142.6)
- CMYK
- cmyk(52% 0% 46% 60%)
Tints · Shades · Tones
Tints
- 46754A
- 5A845D
- 6D9370
- 81A283
- 96B197
- AAC0AB
- BFD0C0
- D4DFD4
- E9EFEA
Shades
- 29592F
- 224B27
- 1A3D1F
- 133017
- 0C230F
- 061708
- 030C04
- 010401
- 000000
Tones
- 3A6A3F
- 436C47
- 4B6F4E
- 537255
- 5B745C
- 627763
- 6A796B
- 717B72
- 797E79
Farbharmonien
Komplementär +180°
- 316738
Vegas Green
- 744575
≈ Purple Passion
Analog -30° +30°
- 316738
Vegas Green
- 565F17
≈ Kirchner Green
- 006858
≈ Bella Vista
Triadisch +120° +240°
- 316738
Vegas Green
- 41568E
≈ Demon Blue
- 86423C
≈ Strawberry Jam
Geteilt komplementär +150° +210°
- 316738
Vegas Green
- 5F4D87
≈ Bright Eggplant
- 82415A
≈ Ancient Royal Banner
Tetradisch +90° +180° +270°
- 316738
Vegas Green
- 116087
≈ Sapphire Sparkle
- 744575
≈ Purple Passion
- 804A1C
≈ Milk Chocolate
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.71:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--vegas-green: #316738;
--vegas-green-rgb: 49 103 56;
--vegas-green-oklch: oklch(0.464 0.094 146.6);
}
.element {
color: var(--vegas-green);
background-color: hsl(128 36% 30%);
border-color: oklch(0.464 0.094 146.6);
}Tailwind CSS v4
@theme {
--color-vegas-green: #316738;
--color-vegas-green-50: #e4fde7;
--color-vegas-green-100: #d3f1d7;
--color-vegas-green-200: #b9e0be;
--color-vegas-green-300: #96c59d;
--color-vegas-green-400: #79ae7d;
--color-vegas-green-500: #5a9760;
--color-vegas-green-600: #4d8052;
--color-vegas-green-700: #3d6641;
--color-vegas-green-800: #2d4b2d;
--color-vegas-green-900: #1e341f;
--color-vegas-green-950: #0e1f0e;
}SCSS
$vegas-green: #316738;
$vegas-green-rgb: 49, 103, 56;
$vegas-green-light: mix(#fff, $vegas-green, 20%);
$vegas-green-dark: mix(#000, $vegas-green, 20%);
.element {
color: $vegas-green;
box-shadow: 0 0 0 2px rgba($vegas-green, 0.35);
}